解决浏览器兼容问题的一个CSS

时间:2022-03-01 14:48:28
跨浏览器的兼容问题是Web开发的一个很令人苦恼的问题,请看 这个CSS:
<style type="text/CSS">
div{
    background:orange!important; /*适用 firefox 等或 IE7*/
    background:green; /* 适用所有  */         
    *background:red;  /* 适用 IE6 或 IE7*/
    _background:blue; /* 只适用 IE6 */ 

}
</style>
  使用类似这样CSS,进行适当修改,在很多时候可以解决浏览器的兼容问题。解释:优先原则:1.在支持“import”语句的浏览器中,带“import”的样式最优先,通常把它放到最前面;2.除
“import”语句之外,如果对多个语句都支持,一般最后一个有效 3.以星号开头的只有IE可以支持;3.以下划线开头的只有IE6支持。
  多浏览器的样式语句,编写时建议的排序顺序为:Firefox及其他-->IE7-->IE6-->IE低版本。