首页 > 代码库 > 蓝鸥零基础学习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="http://www.mamicode.com/js/DD_belatedPNG_0.0.8a.js"></script>

<script>

DD_belatedPNG.fix(‘.box‘);

</script>

</head>

<body>

<div></div>

</body>

</html>

 

技术分享

 

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>


技术分享


蓝鸥零基础学习HTML5第九讲 兼容性七