CSS是一種用來控制網頁樣式的語言,其中針對不同瀏覽器的兼容問題,IE9的兼容最為麻煩。以下是在編寫CSS時針對IE9的兼容寫法。
/* IE9特有的Hack寫法,即條件注釋方法*//*在CSS中特殊屬性的寫法*/ /*IE9以下版本的替代方案*/ .box{ background-color: blue; /*IE9特有的filter*/ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071c1', endColorstr='#023d70', GradientType=0); /*IE9以下版本*/ background-color: #023d70; } /*opacity透明度屬性*/ .box{ /*IE9以下版本*/ filter: alpha(opacity=50);/*0-100*/ /*標準方法*/ opacity: 0.5; } /*圓角屬性*/ .box{ /*IE9以下版本**/ -moz-border-radius: 10px; -webkit-border-radius: 10px; behavior: url(border-radius.htc);/*通過htc文件補充*/ /*標準方法*/ border-radius: 10px; } /*box-shadow陰影屬性*/ .box{ /*IE9以下版本*/ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /*標準方法*/ box-shadow: 4px 4px 4px black; }
以上是在CSS編寫中針對IE9的一些兼容寫法,需要根據實際情況進行適當的使用,以保證網頁在IE9中的正常顯示。