跨浏览器的兼容问题是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低版本。
相关文章
- Google浏览器开发者工具:CSSViewer(一个Css查看器)
- 解决移动端浏览器 HTML 音频不能自动播放的三种方法
- css中如何解决绝对定位元素被遮挡的问题
- 谷歌浏览器访问网址无反应的解决方法
- 双击ie浏览器没反应打不开的解决方法
- 解决在chrome浏览器使用js的跳转页面失败的问题
- 浏览器报错 Uncaught TypeError: Cannot read property ‘prototype‘ of undefined 的解决办法
- 错误:PermissionError: [WinError 32] 另一个程序正在使用此文件,进程无法访问。“+文件路径“的解决方案
- mybatis执行自定义sql时,在执行最后多出现了一个limit的原因及解决方法
- 15.浏览器输入一个网址后执行的全过程