仅针对IE8有效的CSS Hack猎奇写法

2024-06-24 11:07:07阅读量：36 字体：大 中 小

最近做项目的时候，引用了 Google Font 的在线字体，估计是因为浏览器对字体的渲染方式不同或者是字体格式不一样，结果导致 IE8 中导航是错位的，而 IE9 和 IE10 中是正常的。

那么就需要单独为 IE8 进行一些调整，于是就需要 IE8 的 CSS hack。一看到这里，足够容易了吧?网上流传已久的 IE8 CSS hack 就是在属性后面加上 9 或者 ，代码如下：

仅针对IE8有效的CSS Hack猎奇写法

加上之后，发现 IE8 确实是没有问题了，但是 IE9 和 IE10 却出现了问题，上面的 hack 同样对 IE9 和 IE10 起作用。

好吧，这个 CSS hack 不是 IE8 特有的。那怎么做才能只针对 IE8 做 hack 呢?

这里的思路需要稍稍转换一下：可以先应用 IE8 的 hack ，与非 IE 浏览器分开，然后再应用一些 CSS3 之类的 IE8 不支持的选择器来重新覆盖一遍，让支持新选择器的 IE9、IE10 正常显示。符合条件的常用选择器有 :root，于是就可以写出下面代码：

这样就做到了只对 IE8 浏览器起作用的 CSS hack，这种方法后来搜索了一下，早就有人提到了，写本文主要是介绍一下这个解决浏览器兼容性问题的思路吧。

再次感叹，微软神奇的IE，在开发中不得不让人抓狂。为IE6、IE7等等，都是比较好hack的，唯独IE8比较坑一点。

免责声明：

本文《仅针对IE8有效的CSS Hack猎奇写法》版权归原作者所有,内容不代表本站立场！

如本文内容影响到您的合法权益（含文章中内容、图片等），请及时联系本站，我们会及时删除处理。

推荐阅读

  • 微信注销后聊天记录还能恢复吗

    微信注销后聊天记录还能恢复吗

    如果对聊天记录进行备份或迁移的话，微信注销后聊天记录可以恢复。如果没有对聊天记录进行备份或迁移的话，微信注销后聊天记录无法恢复。以下是注销微信的操作步骤： 微信注销后聊天记录还能恢复吗 1、打开微信A...

    阅读: 950

  • 微信群太多怎么实现分组管理

    微信群太多怎么实现分组管理

    微信群太多可以使用折叠群的功能进行分组管理，将群设置为折叠群的具体操作步骤如下： 微信群太多怎么实现分组管理 1、打开微信app，点击下方的通讯录，再点击群聊进入群聊界面。 2、进入群聊界面后，选择...

    阅读: 898

  • 微信预约挂号怎样切换就诊人

    微信预约挂号怎样切换就诊人

    以梧州市中医院公众号为例，在梧州市中医院微信公众号预约挂号切换就诊人的具体操作步骤如下： 微信预约挂号怎样切换就诊人 1、打开微信APP，搜索梧州市中医院公众号”，点击该公众号，再点击发消...

    阅读: 845

  • 快手别人怎么关注不了我

    快手别人怎么关注不了我

    如果别人关注不了你的快手账号的话，可能是你开启了隐私用户”，关闭隐私账户”的具体操作方式如下： 快手别人怎么关注不了我 1、打开快手，点击左上角的三条横线”，进入功...

    阅读: 876

  • 微信一打就是对方忙是不是设置了

    微信一打就是对方忙是不是设置了

    微信一打就是对方忙不是设置了，因为无法设置。打微信电话提示对方忙”有以下两种情况：1、对方在忙线，正在与别人打微信或者视频电话。2、对方不想接听电话，选择挂断。以下是拨打微信语音电话的具体...

    阅读: 770

  • 怎么约顺风车

    怎么约顺风车

    顺风车是在21世纪比较流行的词语，是指搭便车、顺路车、拼车的意思。以下是约顺风车的具体操作方法： 怎么约顺风车 1、打开微信，点击我”-服务”-滴滴出行”，进入该界...

    阅读: 783

热门文章

最近更新