標籤：html5 藍鷗
藍鷗零基礎學習HTML5第九講 相容性二
1.相容性4
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
p {
width:100px;
height:100px;
background: red;
}
</style>
</head>
<body>
<!--
注意標籤的嵌套規則
-->
<p>
<div></div>
</p>
</body>
</html>
650) this.width=650;" src="http://s2.51cto.com/wyfs02/M01/88/10/wKiom1fosTKhUMNoAAHv98_GWEs162.png-wh_500x0-wm_3-wmp_4-s_2584492114.png" style="float:none;" title="藍鷗零基礎學習HTML5第九講 相容性2487.png" alt="wKiom1fosTKhUMNoAAHv98_GWEs162.png-wh_50" />
2.相容性5
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.box {
height:2px;
background: red;
overflow: hidden;
}
</style>
</head>
<body>
<!--
在IE6下元素的高度如果小於19px的時候，會被當成19px來處理
解決方案：overflow:hidden;
-->
<div></div>
</body>
</html>
650) this.width=650;" src="http://s2.51cto.com/wyfs02/M00/88/0C/wKioL1fosTLwf9i2AAEE0TVlRnI009.png-wh_500x0-wm_3-wmp_4-s_1124945649.png" title="藍鷗零基礎學習HTML5第九講 相容性2955.png" style="float:none;" alt="wKioL1fosTLwf9i2AAEE0TVlRnI009.png-wh_50" />
5.相容性6
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.box {
width:100px;
height:100px;
border:2px dotted red;
}
</style>
</head>
<body>
<!--
在IE6下不支援1px的dotted邊框樣式
解決方案：切背景平鋪
-->
<div></div>
</body>
</html>
650) this.width=650;" src="http://s2.51cto.com/wyfs02/M01/88/10/wKiom1fosTPhL95yAADasNHtHX0848.png-wh_500x0-wm_3-wmp_4-s_534253062.png" title="藍鷗零基礎學習HTML5第九講 相容性3402.png" style="float:none;" alt="wKiom1fosTPhL95yAADasNHtHX0848.png-wh_50" />
藍鷗零基礎學習HTML5第九講 相容性二
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
