重新整理 CSS HACK 解決瀏覽器兼容

以前的一篇博文 ie6、ie7、ie8、Firefox兼容性問題 寫的比較混亂,可能有的童鞋看不明白,所以今天有空我就重新整理了一份 CSS HACK 的寫法。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<title>css hack</title>
	<style type="text/css">
	.demo{width:100px;height:100px;border:5px solid orange;}
	.demo1{
		background:black;	/* for all */
	}
	.demo2{
		background:green\9;	/* for ie */
	}
	.demo3{
		background:yellow\0;	/* for ie8 */
	}
	.demo4{
		*background:blue;	/* for ie7,ie6 */
	}
	.demo5{
		_background:red;	/* for ie6 */
	}
	</style>
</head>
<body>
	<div class="demo demo1"></div><br/>
	<div class="demo demo2"></div><br/>
	<div class="demo demo3"></div><br/>
	<div class="demo demo4"></div><br/>
	<div class="demo demo5"></div>
</body>
</html>

測試的瀏覽器:IE6-9,Firefox,Google,Safari


PS:博客搬家了,以後不再 CSDN 更新了,見諒。最新博客地址:http://www.cnblogs.com/yjzhu/

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章