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