Lan 0 Basic Learning HTML5 nineth Compatibility II
1. Compatibility 4
<! DOCTYPE html>
<meta charset= "UTF-8" >
<title>Document</title>
<style>
p {
width:100px;
height:100px;
background:red;
}
</style>
<body>
<!--
Note Nested rules for tags
-
<p>
<div></div>
</p>
</body>
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=" Blue Gull 0 Basic Learning HTML5 nineth Talk compatibility 2487.png "alt=" wkiom1fostkhumnoaahv98_ Gwes162.png-wh_50 "/>
2. compatibility 5
<! DOCTYPE html>
<meta charset= "UTF-8" >
<title>Document</title>
<style>
. box {
height:2px;
background:red;
Overflow:hidden;
}
</style>
<body>
<!--
in the The height of the element under IE6 is treated as 19px if it is less than 19px.
Workaround:Overflow:hidden;
-
<div></div>
</body>
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=" Blue Gull 0 Basic Learning HTML5 nineth Talk compatibility 2955.png "style=" Float:none; "alt=" Wkiol1fostlwf9i2aaee0tvlrni009.png-wh_50 "/>
5. compatibility 6
<! DOCTYPE html>
<meta charset= "UTF-8" >
<title>Document</title>
<style>
. box {
width:100px;
height:100px;
border:2px dotted red;
}
</style>
<body>
<!--
in the 1px dotted border style not supported under IE6
Workaround: Cut the background tile
-
<div></div>
</body>
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=" Blue Gull 0 Basic Learning HTML5 nineth Talk compatibility 3402.png "style=" Float:none; "alt=" Wkiom1fostphl95yaadasnhthx0848.png-wh_50 "/>
Lan 0 Basic Learning HTML5 nineth Compatibility II