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

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

最近做项目的时候，引用了 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、打开美团app，在首页上方点击外卖进入外卖界面。 2、进入外卖界面后，点...

    阅读: 727

  • 支付宝悄悄话怎么知道对方看没看

    支付宝悄悄话怎么知道对方看没看

    支付宝的悄悄话是阅后即焚的消息，如果发送悄悄话过去，悄悄话消失了就证明对方已看。具体操作方法如下： 支付宝悄悄话怎么知道对方看没看 1、打开手机支付宝app，点击消息”，再点击右上角人像。...

    阅读: 1504

  • 健康码代领怎么弄

    健康码代领怎么弄

    在家里的老人孩子都不会操作手机的时候，可以代领健康码，在微信的防疫健康码中即可进行代领。具体操作方法如下： 健康码代领怎么弄 1、打开手机微信app，点击我”。 2、点击服务&rdquo...

    阅读: 751

  • 倒数日怎么删除不用的事件

    倒数日怎么删除不用的事件

    倒数日是一款倒计时软件，添加的事件可以进行删除，进入事件编辑即可删除。具体操作方法如下： 倒数日怎么删除不用的事件 1、打开手机倒数日app，点击需要删除的事件，进入事件页面。 2、点击右上角笔的标...

    阅读: 699

  • 怎么关闭零钱通

    怎么关闭零钱通

    零钱通是微信中的一个理财产品，如果需要关闭，在零钱通的设置中直接关闭即可。具体操作方法如下： 怎么关闭零钱通 1、打开手机微信app，点击我”。 2、点击服务”。 3、点击...

    阅读: 717

  • qq听歌状态怎么显示听的歌

    qq听歌状态怎么显示听的歌

    qq听歌状态可以显示正在QQ音乐听的歌，设置听歌状态后进入QQ音乐听歌即可。具体操作方法如下： qq听歌状态怎么显示听的歌 1、打开手机QQ软件，点击头像上的状态，进入状态设置。 2、找到并点击听歌...

    阅读: 790

热门文章

最近更新