您现在的位置是：网站首页> 编程资料编程资料
css hack问题_浏览器兼容教程_CSS_网页制作_
2021-09-08
714人已围观
简介 ie5 hack, ie 6 hack, ie 8 hack,ie 9 我没用，暂时也没接触过9的hack，随着浏览器的更新（而且换代越来越快），是不是我有写不完的hack，还是说高手从不写hack。
ie5 hack, ie 6 hack, ie 8 hack,ie 9 我没用，暂时也没接触过9的hack，随着浏览器的更新（而且换代越来越快），是不是我有写不完的hack，还是说高手从不写hack。
IE7能识别*，也能识别!important;
FF不能识别*，但能识别!important;
IE6 IE7 FF * √ √ × !important × √ √
浏览器优先级别:FF
以: " #demo {width:100px;} "为例;
所以最后,#demo的宽度在三个浏览器的解释为:
FIREFOX:100px;
ie6:120px;
ie7:130px;
IE8 最新css hack： "\9"
例:"border:1px \9;".
这里的"\9"可以区别所有IE和FireFox.
"\0" IE8识别，IE6、IE7不能.
"*" IE6、IE7可以识别.IE8、FireFox不能.
"_" IE6可以识别"_",IE7、IE8、FireFox不能.
经验可以积累，但梦想永远不能磨灭
IE7能识别*，也能识别!important;
FF不能识别*，但能识别!important;
IE6 IE7 FF * √ √ × !important × √ √
浏览器优先级别:FF
以: " #demo {width:100px;} "为例;
复制代码
代码如下:#demo {width:100px;} /*被FIREFOX,IE6,IE7执行.*/
复制代码
代码如下:* html #demo {width:120px;} /*会被IE6执行,之前的定义会被后来的覆盖,所以#demo的宽度在IE6就为120px; */
复制代码
代码如下:*+html #demo {width:130px;} /*会被IE7执行*/
所以最后,#demo的宽度在三个浏览器的解释为:
FIREFOX:100px;
ie6:120px;
ie7:130px;
IE8 最新css hack： "\9"
例:"border:1px \9;".
这里的"\9"可以区别所有IE和FireFox.
"\0" IE8识别，IE6、IE7不能.
"*" IE6、IE7可以识别.IE8、FireFox不能.
"_" IE6可以识别"_",IE7、IE8、FireFox不能.
经验可以积累，但梦想永远不能磨灭
相关内容
- 小标签大作用 CSS中zoom:1的使用方法_CSS教程_CSS_网页制作_
- 使用CSS清除按钮和超链接点击时产生的虚线 _CSS教程_CSS_网页制作_
- DIV+CSS实例虚线边框|CSS虚线下划线及虚线用应_CSS_网页制作_
- 有关于a标签的4个伪类的使用方法_CSS教程_CSS_网页制作_
- 引用css文件失效解决方法_CSS教程_CSS_网页制作_
- CSS包含中文的问题说明_CSS教程_CSS_网页制作_
- IE兼容css3圆角的实现代码_css3_CSS_网页制作_
- CSS 鼠标选中文字后改变背景色的实现代码_CSS教程_CSS_网页制作_
- css中url的路径含义 _CSS教程_CSS_网页制作_
- css sprite 技术学习_CSS教程_CSS_网页制作_
