在整理基础的时候总结:html和css的hack的学习
hack是什么?
就是针对不同的浏览器写不同的css样式让各浏览器能达到一致的渲染效果,hack分为HTML和CSS
HTML hack
<!--[if lte IE 8]>
内容
<![endif]-->
lte小于等于
gte大于等于
lt小于
gt大于
注意:1.空格;2.这样的写法里面不可以放css,为什么?应为css有专门的hack
主要用法:给低版本的浏览器的人提示
CSS hack
css同时又分为2种
对属性值的hack;选择器的hack
属性值的hack
一般hack的属性值放在最后应为不会被覆盖,而是吧其他的覆盖
IE6(两种)
.ys{
_color:blue;
-color:blue;
}
IE6/7
在属性前面加 ! , $ , & , * ,等
IE8/9
在属性后加\0/
.ys{
color:blue\0/;
}
IE10一下
在属性后加\9
.ys{
color:blue\9;
}
选择器的hack
IE6
*(中间有空格) html
IE6/7
在选择器后加逗号,
除了IE6
html > body (应为只有IE 6不支持子代选择器)
IE6
* html .ys{
color:blue;
}
IE6/7
.ys,{
color:blue;
}
除了IE6
html > body{
color:blue;
}