本文通过实例演示了如何针对不同版本的IE浏览器使用CSS Hack技巧来应用特定样式。这些技巧对于前端开发者解决跨浏览器兼容性问题非常实用。
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>块级元素的display:inline-block属性</title>
<style type="text/css">
p{color:#ccc;//所有浏览器
color:red\9;//所有ie浏览器
color:#000\0;//ie8、ie9
*color:green;ie7、ie6
_color:blue;ie6
}
</style>
</head>
<body>
<p>我是脑残的ie6</p>
<p>我是二货ie7</p>
<p>我是ie8</p>
<p>嘿嘿我是性感的狐狸</p>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>块级元素的display:inline-block属性</title>
<style type="text/css">
p{color:#ccc;//所有浏览器
color:red\9;//所有ie浏览器
color:#000\0;//ie8、ie9
*color:green;ie7、ie6
_color:blue;ie6
}
</style>
</head>
<body>
<p>我是脑残的ie6</p>
<p>我是二货ie7</p>
<p>我是ie8</p>
<p>嘿嘿我是性感的狐狸</p>
</body>
</html>
扫一扫
1221
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
