首页 > 代码库 > 蓝鸥零基础学习HTML5第九讲 兼容性二

蓝鸥零基础学习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>

 

技术分享



 

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>

技术分享

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>

技术分享

 


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