蓝鸥零基础学习HTML5第九讲 兼容性七
2016-09-29 10:45
309 查看
蓝鸥零基础学习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>
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>
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>
相关文章推荐
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- HTML5调用摄像头实例
- Powershell 创建炫丽美观的Html报表
- 设计模式---状态模式在web前端中的应用
- Apple官网研究之使用Justify布局导航
- 关于前端的思考与感悟
- 又被事件冒泡坑了一把,这次要彻底弄懂浏览器的事件流
- 移动端点击事件全攻略,这里的坑你知多少?
- $q 实例分析 Angular 中的 Promise
- Angular directive 实例详解
- 关于浮动与清除浮动,你应该知道的
- div 2 列 50%宽度布局
- div 2 列 50%宽度布局
- 通过Mootools 1.2来操纵HTML DOM元素
- jQuery Html控件基本操作(日常收集整理)
- WEB标准网页布局中尽量不要使用的HTML标签
- Flash 与 html 的一些实用技巧
- html工作中表格<tbody>标签的使用技巧