您现在的位置是：网站首页> 编程资料编程资料
css hack 兼容IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、FF2.0 浏览器兼容教程_浏览器兼容教程_CSS_网页制作_
2021-08-29
2136人已围观
简介 本CSS Hack代码范例，可以直观显示各个版本浏览器hack的使用。兼容IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、FF2.0。
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;
}
各浏览器下的测试截图如下：
兼容浏览器版本：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;
}
各浏览器下的测试截图如下：
相关内容
- DIV半透明代码 兼容主流浏览器_CSS教程_CSS_网页制作_
- CSS first-letter实现首字下沉_CSS教程_CSS_网页制作_
- 网页变灰配合全国哀悼日的css代码 20100421_CSS教程_CSS_网页制作_
- 让页脚紧贴页面底部的CSS代码_CSS教程_CSS_网页制作_
- 区别div和span、relative和absolute、display和visibility_Div+CSS教程_CSS_网页制作_
- CSS Cookbook 创建文字导航菜单和翻转特效 _CSS教程_CSS_网页制作_
- CSS Cookbook创建水平导航菜单_CSS教程_CSS_网页制作_
- CSS 制作有弹性的日历表_CSS教程_CSS_网页制作_
- 网页制作需要了解的IE8、IE7、IE6、Firefox3、Firefox2的CSS hacks_浏览器兼容教程_CSS_网页制作_
- CSS网页布局实例 常见的12种网页布局 _CSS布局实例_CSS_网页制作_
