CSS3作為一種新的前端技術,擁有許多強大而炫酷的特性,然而,在舊版的IE瀏覽器中,CSS3表現出了許多兼容性問題,使得開發者需要在實現CSS3的同時兼顧IE的表現。
//以下是一些CSS3屬性在IE中的兼容處理方法 //圓角 .box { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(border-radius.htc); } //陰影 .box { -webkit-box-shadow:0 0 10px #000; -moz-box-shadow: 0 0 10px #000; box-shadow:0 0 10px #000; filter: progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=0, Strength=10); } //漸變 .box { background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#000)); background: -moz-linear-gradient(top, #fff, #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#000000'); }
可以看出,在處理CSS3兼容性問題時,我們需要實現CSS3的同時添加IE的兼容代碼。同時,我們也需要注意兼容代碼的性能問題,避免出現效率低下的情況。
上一篇css3 圓形波浪