CSS3是一種新的前端技術(shù),它可以使網(wǎng)頁(yè)的樣式更加豐富、生動(dòng)。然而,IE8并不支持CSS3的所有特性,這給我們的開(kāi)發(fā)帶來(lái)一定的困難。
/* CSS3中常用的特性,IE8不支持 */ border-radius:圓角 box-shadow:陰影 text-shadow:文字陰影 opacity:透明度 transition:過(guò)渡 transform:變形
為了兼容IE8,我們可以采用一些技巧。例如,我們可以使用一些圖片代替CSS3的特性,或者使用一些CSS hack方法。下面是一些常用的方法:
/* 通過(guò)JS判斷瀏覽器的版本,來(lái)進(jìn)行不同的樣式渲染 */ if(navigator.userAgent.indexOf("MSIE 8.0")>-1){ $("body").addClass("ie8"); } /* 通過(guò)類名判斷瀏覽器的版本,來(lái)進(jìn)行不同的樣式渲染 */ .ie8 .box{ background:url('box_bg.png') no-repeat; } /* 使用IE-CSS3庫(kù),來(lái)兼容IE瀏覽器 */ .box{ -pie-background:url('box_bg.png') no-repeat; behavior: url(PIE.htc); }
總的來(lái)說(shuō),要兼容IE8,我們需要多多嘗試、總結(jié),從而逐漸提高代碼的兼容性,提高頁(yè)面的質(zhì)量。希望大家可以多多交流,共同進(jìn)步。
上一篇php span