手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css hack问题
css hack问题
摘要:ie5hack,ie6hack,ie8hack,ie9我没用,暂时也没接触过9的hack,随着浏览器的更新(而且换代越来越快),是不是我有写...

ie5 hack, ie 6 hack, ie 8 hack,ie 9 我没用,暂时也没接触过9的hack,随着浏览器的更新(而且换代越来越快),是不是我有写不完的hack,还是说高手从不写hack。

IE7能识别*,也能识别!important;

FF不能识别*,但能识别!important;

IE6 IE7 FF * √ √ × !important × √ √

浏览器优先级别:FF<IE7<IE6,CSS hack书写顺序一般为FF IE7 IE6

以: " #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.

""IE8识别,IE6、IE7不能.

"*"IE6、IE7可以识别.IE8、FireFox不能.

"_"IE6可以识别"_",IE7、IE8、FireFox不能.

经验可以积累,但梦想永远不能磨灭

【css hack问题】相关文章:

10个不错的CSS3表单教程

css3文本阴影属性text-shadow说明

css clear之清除区域

css之float

CSS hack大全之特殊符号的应用解决浏览器兼容性问题

CSS文章列表切换选项卡效果实例

ie6,7下空DIV无任何内容时占据空间问题解决

nginx资源定向css js路径问题

CSS关于解决图片元素下多余空白的BUG

css cursor 的可选值

精品推荐
分类导航