IE8作為一個十分老舊的瀏覽器,在兼容CSS3方面表現不太穩定,但我們有許多方法可以使其兼容CSS3。
首先,在
標簽內加入上述代碼可以使IE8兼容HTML5的元素和CSS樣式。.box{ background: red; /*IE8不支持border-radius,使用IE的Hack,-ms-border-radius*/ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; behavior: url(border-radius.htc); }
然后,我們發現IE8不支持圓角,使用-ms-border-radius可以解決這個問題,但它不能兼容IE6、IE7。所以我們可以借助Behavior Hack實現這個效果。(記得把HTC文件放到項目中)
.box{ background: red; /*IE8不支持box-shadow,使用filter*/ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; filter: progid: DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); }
最后,我們發現IE8也不支持CSS3的box-shadow,但使用filter可以很好地解決這個問題。
以上是我總結的IE8兼容CSS3的一些方法,希望對大家有所幫助。