css hack

css文件只加载到IE浏览器

<!-- [if IE] >

<link ref="stylesheet" type="text/css" href="test.css" />

<! [endif] -->

hack关键字:

lte:小于等于、lt:小于、gte:大于等于、gt:大于、!:不等于

css文件只加载到大于IE6的浏览器

<!-- [if gt IE 6] >

<link ref="stylesheet" type="text/css" href="test.css" />

<![endif] -->

css样式只加载到不是IE6的浏览器

<!-- [if ! IE 6] >

<style type="text/css">

.a{****}

</style>

<![endif] -->

javascript代码只加载到小于IE8的浏览器

<!-- [if lt IE8]>

<script type="text/javascript">

alert(111);

</script>

<![endif] -->

 

针对浏览器的hack前缀

.test{width:60px;/*所有浏览器*/ _width:60px;/*IE6浏览器*/ *width:60px;/*IE7浏览器*/}

*html .test{}/*IE6浏览器*/

*+html .test{}/*IE7浏览器*/

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。