调css支持firefox、IE6、IE7的方法
代碼例子:
#bg{background:#CCC;filter:alpha(opacity=70);opacity:0.7;width:100% !important;width:180%;position:absolute;left:0px;top:0px;display:none;z-index:1;}
*+html #bg {width:180% !important; /* IE7 */}
在調css的支持順序 firefox->IE6->IE7
1.先支持firefox
在firefox中帶 !important 屬性是是最高的優先級 (IE6、IE7 不能識別)。
所以在上面的代碼片段中firefox識別后的width參數因該是width:100%
2.IE支持
2.1 在IE6中由于不能解析!important 屬性所以IE6會拋棄這個設置 然后解析后面個width:180%
所以在上面的代碼片段中IE6識別后的width參數因該是width:180%
2.2在IE7中同樣不能解析!important 屬性所以IE7會拋棄這個設置 然后解析后面個width:180%,之后有個IE7特有的*+html (元素屬性結束后還要跟上!important,也就是說當*+html 和!important同時使用時才是IE7獨有能識別的),所以后設置的width:180%將覆蓋先前設置的width:180%
所以在上面的代碼片段中IE7識別后的width參數因該是width:180%
轉載于:https://www.cnblogs.com/ydx2020/archive/2010/06/06/1752842.html
總結
以上是生活随笔為你收集整理的调css支持firefox、IE6、IE7的方法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: ArcGis For Flex 之 Qu
- 下一篇: Asp.net 服务器端控件