国产探花免费观看_亚洲丰满少妇自慰呻吟_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比較坑一點。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 喀喇沁旗| 芦溪县| 华宁县| 北辰区| 惠水县| 寻乌县| 明溪县| 仪陇县| 南投市| 平南县| 时尚| 高要市| 南岸区| 亚东县| 盐源县| 增城市| 来安县| 娱乐| 玉环县| 凌海市| 新津县| 镇安县| 胶南市| 赤水市| 扶绥县| 大同市| 新郑市| 绥中县| 建湖县| 平度市| 吉林市| 泰州市| 五河县| 诸城市| 阿克陶县| 长顺县| 陇西县| 通许县| 荣昌县| 灵台县| 闽清县|