针对ie8的hack
ie8比ie7、ie6进一步向W3C标准靠近了,这无疑对web前端设计者来说是一个让人兴奋的消息。虽然如此,但ie7、ie6仍然还有一定数量的用户在使用,所以在写css的时候还得照顾它们,只能希望它们快点退出历史舞台了,尤其是ie6离W3C太远,让人很难应付。
简单的说针对ie8的hack就是两个字符\9,以下具体说明:
"_" 只有ie6可以识别,ie7、ie8、FireFox不能。
"*" ie6、ie7都可以识别,ie8、FireFox不能。
"\9" 只有ie8可以识别,ie6、ie7、FireFox不能。
举例如下:
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>针对ie8的hack</title>
<style type="text/css">
<!--
.test{
width:200px; //FireFox及其它浏览器
width:280px\9; //ie8
*width:250px; //ie7
_width:180px; //ie6
height:150px;
border:1px solid red;
}
-->
</Style>
</head>
<body>
<div class="test">针对ie8的hack</div>
</body>
</html>
把此代码保存为html文件,在不同的浏览器中浏览,就会发现所显示的红色框的宽度不一样。