手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css hack 兼容IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、FF2.0 浏览器兼容教程
css hack 兼容IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、FF2.0 浏览器兼容教程
摘要:IE7.0简体中文正式版发布了,对于我等常和网页打交道的人来说网页兼容性问题也随之而来了。IE7.0有一个显著的改变就是支持!importa...

IE7.0简体中文正式版发布了,对于我等常和网页打交道的人来说网页兼容性问题也随之而来了。IE7.0有一个显著的改变就是支持!important了,是件好事情,但是也给广大的在IE6时代使用!important来区分处理IE和FF的网页制作者带来了不少问题,Noker也碰到了这个问题,所以翻阅网上资料,写了下面这个能够兼容现今大多数主流浏览器,覆盖绝大多数用户的Hack代码!

兼容浏览器版本:IE5.0,IE5.5,IE6.0,IE7.0,Firefox1.5,FireFox2.0

CSS代码:(请注重Hack代码的顺序)

#test{

width:300px;

height:100px;

background:#DDD!important;/*FF*/

background:#FF0;/*IE5.0*/

}

#test/*IE5.5 */{

* background:#C0F!important;/*IE7.0*/

*background:#F00;/*IE6.0*/

*background /*IE5.5*/:#F90;

}

各浏览器下的测试截图如下:

css hack 兼容IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、FF2.0 浏览器兼容教程1

css hack 兼容IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、FF2.0 浏览器兼容教程2

css hack 兼容IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、FF2.0 浏览器兼容教程3

css hack 兼容IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、FF2.0 浏览器兼容教程4

css hack 兼容IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、FF2.0 浏览器兼容教程5

css hack 兼容IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、FF2.0 浏览器兼容教程6

【css hack 兼容IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、FF2.0 浏览器兼容教程】相关文章:

三个很特别的CSS小技巧分享

CSS 3实现DIV圆角效果完整代码

兼容各浏览器:CSS定义PNG透明效果

用css样式表实现首字大写

DIV+css初学者需要引起重视的10个问题与技巧

CSS兼容IE6、IE7、IE8和Firefox浏览器的方法

比较全的CSS浏览器兼容问题整理总结

关于浏览器兼容性的讨论

关于CSS Hack与float闭合

CSS Overflow 属性

精品推荐
分类导航