html5ie兼容问题
来源:互联网 发布:gltools优化glsl着色器 编辑:程序博客网 时间:2024/06/03 23:02
<!DOCTYPE html><html><head> <title>Styling the article element</title> <script>document.createElement("myHero")</script> <style> myHero { display:block; background-color:#ddd; padding: 50px; font-size: 30px; } </style></head><body><h1>我的第一个标题</h1><p>我的第一个段落。</p><myHero>我的第一个新元素</myHero></body></html>
注意:
JavaScript 语句 document.createElement("myHero") 是为了为 IE 浏览器添加新的元素。但是Internet Explorer 8 及更早 IE 版本的浏览器不支持以上的方式。
解决ie浏览器问题
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
以上代码是一个注释,作用是在 IE 浏览器的版本小于 IE9 时将读取 html5.js 文件,并解析它。
注意:国内用户请使用百度静态资源库(Google 资源库在国内不稳定):
<!--[if lt IE 9]>
<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->
针对IE浏览器html5shiv 是比较好的解决方案。html5shiv主要解决HTML5提出的新的元素不被IE6-8识别,这些新元素不能作为父节点包裹子元素,并且不能应用CSS样式。
<!DOCTYPE html><html><head> <title>Styling HTML5</title> <!--[if lt IE 9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"> </script> <![endif]--></head><body><h1>鹿晗</h1><article>鹿晗最帅啦!!</article></body></html>
html5shiv.js 引用代码必须放在 <head> 元素中,因为 IE 浏览器在解析 HTML5 新元素时需要先加载该文件。
0 0
- html5ie兼容问题
- HTML5IE浏览器兼容问题以及图像元素
- 兼容问题
- 兼容问题
- 兼容问题
- 兼容问题
- 兼容问题
- 不兼容问题
- css兼容问题
- css兼容问题
- IE8兼容问题
- 兼容问题积累
- 浏览器兼容问题
- CSS兼容问题
- CSS兼容问题
- CSS兼容问题
- 硬件兼容问题
- javascript兼容问题
- jquery遍历-siblings()
- RTL8188设定MAC
- JS操作JSON总结
- StreamReader和StreamWrite和FileStream区别和用法
- 快速排序的java实现
- html5ie兼容问题
- android安全——混淆技术小摘
- Raymarching Distance Fields
- Android 6.0 运行时权限处理完全解析
- PDE14 heat equation intuition
- [Leetcode 286]: Walls and Gates
- Andriod GridView不改变背景色实现网格线效果
- 抓交通肇事犯
- 查询出与jack互为好友的人名字