• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >CSS > 让IE6支持HTML5元素的方法

让IE6支持HTML5元素的方法

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含IE6,HTML5等相关知识,佚名 希望在学习及工作中可以帮助到您
作者已经把这段代码放到了Google code project上,只需要在你的head中调用这段代码就行:

<!--if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<!--endif]-->
当然你也可以直接把这个文件下载到自己的网站上。这个文件必须在head标签中调用,因为IE必须在元素解析这前知道这些元素,才能启作用!或许你还要在你的CSS文件中加上以下代码,不然有可能会出现些莫名其妙的问题。

header,nav,article,section,aside,footer{display:block;}
另外excanvas.js是Google为IE6支持canvas元素写的脚本,里面有很详细的例子,感兴趣的朋友可以去试试。

Kill IE6

我也厌烦了IE6的特殊,所以也加了KILL IE6一族,所有用IE6访问我的网站的朋友都会出Kill IE6的对话框,前提是你的浏览器允许执行JS文件。方法很简单,在你的网站的</body>之前加上以下代码就可以了:

<!--if lte IE 6]>
<script src="http://letskillie6.googlecode.com/svn/trunk/letskillie6.zh_CN.pack.js"></script>
<!--endif]-->
IE中的判断语句

上面写的<!--if lte IE 6]>在正常的HTML中属于注释,不会被执行,但在IE中是一个判断语句,所以这些代码只有在IE中才会被识别并加载。

lte:就是Less than or equal to的简写,也就是小于或等于的意思。

lt :就是Less than的简写,也就是小于的意思。

gte:就是Greater than or equal to的简写,也就是大于或等于的意思。

gt :就是Greater than的简写,也就是大于的意思。

! : 就是不等于的意思,跟javascript里的不等于判断符相同

您可能想查找下面的文章:

  • IE6下兼容性常见的几个问题与解决方法
  • ie6 z-index不起作用的完美解决方法
  • CSS针对IE6实现网页图片底部留出空白的方法
  • IE6下PNG图片透明问题解决方案集锦
  • IE6的3像素 bug解决方案分享
  • Css样式兼容IE6,IE7,FIREFOX的浏览器的写法示例介绍
  • ie6下position:absolute不显示问题解决方法
  • 让IE6支持最小高度min-height、最大高度max-height的方法
  • ie6布局网页padding值加倍的解决方法
  • IE6下不能设置height:1px的元素是什么原因如何解决

相关文章

  • 2017-08-06div css图文混排列表设计中的基础问题总结
  • 2017-08-06css表格单元格中的长文本如何实现自动换行
  • 2017-08-06css实现兼容火狐、IE的LI奇偶行颜色交替方法
  • 2017-08-06DIV设置 float以后使下一个DIV另起一行的方法
  • 2017-08-06全面兼容ie6,ie7,ie8,ff的CSS HACK写法
  • 2017-08-06css重置浏览器字体大小示例分享
  • 2017-08-06对CSS中的Position、Float属性的一些深入探讨
  • 2017-08-06发现两个有趣的CSS3动画效果
  • 2017-08-06CSS选中的行进行标红处理示例代码
  • 2017-08-06常见浏览器兼容性问题与解决方案css篇

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • div+css实现类似winxp桌面图标布局(至上而下从左往右)
    • 解决Firefox/Opera 不支持onselectstart事件实现不允许用户select
    • 举例详解CSS中的cursor属性
    • IE8 滤镜效果filter:alpha(opacity=20);IE下失效出现黑色
    • CSS Float布局过程与老生常谈的三栏布局
    • CSS中的空白效果属性使用小结
    • CSS中行间距问题示例探讨
    • css样式去重写法缩减代码量
    • css z-index的用法和注意点
    • CSS进阶指引

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有