欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

僅針對(duì)IE8有效的CSS Hack獵奇寫法

yujiangshui   發(fā)布時(shí)間：2016-05-13 11:07:57   作者：于江水   我要評(píng)論
CSS Hack的目的是兼容各種瀏覽器,然而IE總是個(gè)例外的存在,特別是IE8,而IE8又是Windows 7的IE的默認(rèn)內(nèi)置版本...偶然嘗試出了僅針對(duì)IE8有效的CSS Hack獵奇寫法,下面與大家分享一下:

最近做項(xiàng)目的時(shí)候，引用了 Google Font 的在線字體，估計(jì)是因?yàn)闉g覽器對(duì)字體的渲染方式不同或者是字體格式不一樣，結(jié)果導(dǎo)致 IE8 中導(dǎo)航是錯(cuò)位的，而 IE9 和 IE10 中是正常的。

那么就需要單獨(dú)為 IE8 進(jìn)行一些調(diào)整，于是就需要 IE8 的 CSS hack。一看到這里，足夠容易了吧？網(wǎng)上流傳已久的 IE8 CSS hack 就是在屬性后面加上 \9 或者 \0，代碼如下：

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

加上之后，發(fā)現(xiàn) IE8 確實(shí)是沒有問題了，但是 IE9 和 IE10 卻出現(xiàn)了問題，上面的 hack 同樣對(duì) IE9 和 IE10 起作用。

好吧，這個(gè) CSS hack 不是 IE8 特有的。那怎么做才能只針對(duì) IE8 做 hack 呢？

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

CSS Code復(fù)制內(nèi)容到剪貼板
  1. .section-nav li a {   
  2.   display: block;   
  3.   padding: 10px 13px;   
  4.   padding: 10px 7px  10px 7px \9;   
  5.   border-right: 1px solid #d7d7d7;   
  6. }   
  7. :root .section-nav li a {   
  8.   padding: 10px 13px 10px 13px;   
  9. }  

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

再次感嘆，微軟神奇的IE，在開發(fā)中不得不讓人抓狂。為IE6、IE7等等，都是比較好hack的，唯獨(dú)IE8比較坑一點(diǎn)。

相關(guān)文章

最新評(píng)論