(此为从学习视频中摘抄,如有雷同,纯属巧合)
-
CSS-Hack
有一些情况,有一些特殊的代码我们只需要在某些特殊的浏览器中执行,
而在其他的浏览器中不需要执行,这时就可以使用CSS Hack来解决该问题
CSS Hack实际上指的是一个特殊的代码,这段代码只在某些浏览器中可以识别,
而其他浏览器不能识别,通过这种方式,来为一些浏览器设置特殊的代码条件Hack,条件Hack只对IE浏览器有效,其他的浏览器都会将它识别为注释
IE10及以上的浏览器已经不支持这种方式例:
<!-- 以下内容只会出现在IE6中 -->
<!--[if IE 6]>
<p>我是一个p标签</p>
<![endif]-->
<!--[if IE 8]>
<p>IE 8</p>
<![endif]-->
<!--[if lte IE 9]>
<p>该标签会在IE9以下的浏览器中显示</p>
<![endif]-->
<!--[if ! IE 6]>
<p>你的浏览器不是IE6</p>
<![endif]-->
-
Hack
在选择器前添加 * html 则选择器只有在IE6可以识别
假设在IE6中需要将背景颜色设置为黄色才能达到和其他浏览器同样的效果
希望黄色背景只在IE6中生效
在样式前面添加下划线,则该样式只有IE6及以下的浏览器才可以识别
例:_background-color: yellow;
在样式前面添加*,则该样式只有IE7及以下的浏览器
例:*background-color: yellow;
在样式最后添加\0则只有IE8及以上的浏览器才能识别
例:background-color: yellow\0;
CSS Hack不到万不得已的情况尽量不要使用