FF,IE6,IE7浏览器兼容问题。
2009-06-19 11:32
323 查看
5.FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式
5、最狠的手段 - !important;
如果实在没有办法解决一些细节问题,可以用这个方法.FF对于”!important”会自动优先解析,然而IE则会忽略.如下 .tabd1{
background:url(/res/images/up/tab1.gif) no-repeat 0px 0px !important; /*Style for FF*/
background:url(/res/images/up/tab1.gif) no-repeat 1px 0px; /* Style for IE */}值得注意的是,一定要将xxxx !important 这句放置在另一句之上,上面已经提过
IE7.0出来了,对CSS的支持又有新问题。浏览器多了,网页兼容性更差了,疲于奔命的还是我们,为解决IE7.0的兼容问题,找来了下面这篇文章:
现在大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7对!important可以正确解释, 会导致页面没按要求显示!搜索了一下,找到一个针对IE7不错的hack方式就是使用“*+html”,现在用IE7浏览一下,应该没有问题了。
现在写一个CSS可以这样:
#example { color: #333; } /* Moz */
* html #example { color: #666; } /* IE6 */
*+html #example { color: #999; } /* IE7 */
那么在firefox下字体颜色显示为#333,IE6下字体颜色显示为#666,IE7下字体颜色显示为#999.
5、最狠的手段 - !important;
如果实在没有办法解决一些细节问题,可以用这个方法.FF对于”!important”会自动优先解析,然而IE则会忽略.如下 .tabd1{
background:url(/res/images/up/tab1.gif) no-repeat 0px 0px !important; /*Style for FF*/
background:url(/res/images/up/tab1.gif) no-repeat 1px 0px; /* Style for IE */}值得注意的是,一定要将xxxx !important 这句放置在另一句之上,上面已经提过
IE7.0出来了,对CSS的支持又有新问题。浏览器多了,网页兼容性更差了,疲于奔命的还是我们,为解决IE7.0的兼容问题,找来了下面这篇文章:
现在大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7对!important可以正确解释, 会导致页面没按要求显示!搜索了一下,找到一个针对IE7不错的hack方式就是使用“*+html”,现在用IE7浏览一下,应该没有问题了。
现在写一个CSS可以这样:
#example { color: #333; } /* Moz */
* html #example { color: #666; } /* IE6 */
*+html #example { color: #999; } /* IE7 */
那么在firefox下字体颜色显示为#333,IE6下字体颜色显示为#666,IE7下字体颜色显示为#999.
相关文章推荐
- IE6 IE7 IE8 FF浏览器的CSS兼容问题探究
- IE6 IE7 IE8 FF浏览器的CSS兼容问题(转)
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- IE6,IE7,FF等浏览器不兼容原因及解决办法
- ul中的li的高度在IE6、IE7、IE8、FF下不兼容问题的解决办法
- ul中的li的高度在IE6、IE7、IE8、FF下不兼容问题的解决办法
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- IE7兼容模式可以解决IE8 FF浏览器下出现文字重叠问题
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- div+css 布局下兼容IE6 IE7 FF常见问题
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- (转)IE6,IE7,FF等浏览器不兼容原因及解决办法
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题(转)
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- ul中的li的高度在IE6、IE7、IE8、FF下不兼容问题的解决办法
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- IE6,IE7,FF | CSS + DIV 兼容问题综合解决方案CSS HACK