国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

僅針對IE8有效的CSS Hack獵奇寫法

2024-07-11 08:25:35
字體:
來源:轉載
供稿:網友

最近做項目的時候,引用了 Google Font 的在線字體,估計是因為瀏覽器對字體的渲染方式不同或者是字體格式不一樣,結果導致 IE8 中導航是錯位的,而 IE9 和 IE10 中是正常的。

那么就需要單獨為 IE8 進行一些調整,于是就需要 IE8 的 CSS hack。一看到這里,足夠容易了吧?網上流傳已久的 IE8 CSS hack 就是在屬性后面加上 /9 或者 /0,代碼如下:

CSS Code復制內容到剪貼板
  1. color:#FFF/0;                    /* IE8 */   color:#FFF/9;                    /* 所有IE瀏覽器(ie6+) */  

加上之后,發現 IE8 確實是沒有問題了,但是 IE9 和 IE10 卻出現了問題,上面的 hack 同樣對 IE9 和 IE10 起作用。

好吧,這個 CSS hack 不是 IE8 特有的。那怎么做才能只針對 IE8 做 hack 呢?

這里的思路需要稍稍轉換一下:可以先應用 IE8 的 hack ,與非 IE 瀏覽器分開,然后再應用一些 CSS3 之類的 IE8 不支持的選擇器來重新覆蓋一遍,讓支持新選擇器的 IE9、IE10 正常顯示。符合條件的常用選擇器有 :root,于是就可以寫出下面代碼:

CSS Code復制內容到剪貼板
  1. .section-nav li a {      display: block;   
  2.   padding: 10px 13px;      padding: 10px 7px  10px 7px /9;   
  3.   border-right: 1px solid #d7d7d7;    }   
  4. :root .section-nav li a {      padding: 10px 13px 10px 13px;   
  5. }  

這樣就做到了只對 IE8 瀏覽器起作用的 CSS hack,這種方法后來搜索了一下,早就有人提到了,寫本文主要是介紹一下這個解決瀏覽器兼容性問題的思路吧。

再次感嘆,微軟神奇的IE,在開發中不得不讓人抓狂。為IE6、IE7等等,都是比較好hack的,唯獨IE8比較坑一點。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 岳阳县| 天台县| 蓝山县| 荣成市| 宝兴县| 固安县| 错那县| 定安县| 崇仁县| 特克斯县| 循化| 襄垣县| 海淀区| 那曲县| 沙雅县| 安阳市| 栾城县| 十堰市| 定结县| 天气| 鲁山县| 花垣县| 堆龙德庆县| 阳西县| 罗平县| 育儿| 临洮县| 余庆县| 合阳县| 临澧县| 凌源市| 达州市| 陈巴尔虎旗| 柘城县| 长春市| 吉安县| 常熟市| 靖江市| 仁布县| 静安区| 晋州市|