藍鷗零基礎學習HTML5第九講 相容性七

標籤：html5 藍鷗

藍鷗零基礎學習HTML5第九講 相容性七

1.相容性19

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

body {

background: #000;

}

.box {

width:400px;

height:400px;

background: url("img/1.png");

}

</style>

<script src="js/DD_belatedPNG_0.0.8a.js"></script>

<script>

DD_belatedPNG.fix(‘.box‘);

</script>

</head>

<body>

<div></div>

</body>

</html>

 

650) this.width=650;" src="http://s5.51cto.com/wyfs02/M00/88/3C/wKiom1fsf7DSpHNoAAmRVOuDlYE972.png-wh_500x0-wm_3-wmp_4-s_3064323683.png" title="藍鷗零基礎學習HTML5第九講 相容性12435.png" style="float:none;" alt="wKiom1fsf7DSpHNoAAmRVOuDlYE972.png-wh_50" />

 

2.相容性20

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>

<!--[if ie]>

我是IE

<![endif]-->

 

<!--[if ie 6]>

我是IE6

<![endif]-->

 

<!--[if ie 7]>

我是IE7

<![endif]-->

 

<!--[if ie 8]>

我是IE8

<![endif]-->

</body>

</html>

3.相容性21

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

.box {

width:100px;

height:100px;

background: red;

background: yellow\9;

+background: black;

_background:pink;

}

</style>

</head>

<body>

<!--

css hack:

\9 ie10之前的ie瀏覽器解析的代碼

+或者* 表示ie7包括7之前的ie瀏覽器

_表示 ie6包括6之前的ie瀏覽器

 -->

<div></div>

</body>

</html>

650) this.width=650;" src="http://s1.51cto.com/wyfs02/M00/88/38/wKioL1fsf7DRj-G-AADKciLqKCc528.png-wh_500x0-wm_3-wmp_4-s_872973132.png" style="float:none;" title="藍鷗零基礎學習HTML5第九講 相容性13267.png" alt="wKioL1fsf7DRj-G-AADKciLqKCc528.png-wh_50" />

藍鷗零基礎學習HTML5第九講 相容性七