跨浏览器的兼容问题是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低版本。
<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低版本。