CSS Hack
CSS Hack用来解决浏览器的兼容性问题,为不同版本的浏览器定制编写
不同的CSS效果,使用每个浏览器单独识别的样式代码,控制浏览器的显示样式。
Hack分类:
1、CSS属性前缀法
属性前缀法是在CSS样式属性名前加上一些只有特定浏览器
才能识别的hack前缀,以达到预期的页面展现效果
前缀标识 兼容浏览器
_ IE6
+ * IE6 IE7
\9 IE6 IE7 IE8 IE9
\0 IE8 IE9 IE10 IE11
/9 /0 在元素后面加,其他在元素前面加
2、选择器前缀法
选择器前缀法是针对一些页面表现不一致或需要特殊对待的
浏览器,在CSS选择器前面加上一些只有某些特定浏览器才
能识别的前缀进行hack
前缀标识 兼容浏览器
*html IE6
*+html IE7
: root IE9以上及现代浏览器
在选择器前面加
3、IE条件注释法(IE10以上已经不支持注释法)
这种方式是IE浏览器专有的Hack方式,微软官方推荐使用的hack方式
前缀标识 兼容浏览器
<!--[if IE]>…<![endif]--> IE
<!--[if IE 7]>…<![endif]--> IE7
<!--[if lte IE 7]>…<![endif]--> IE7以下
<!--[if ! IE 7]>…<![endif]--> 非IE

浙公网安备 33010602011771号