解决IE6兼容性问题常见方法

你对解决IE6兼容性问题常见方法是否了解，这里和大家分享一下，希望对你的学习有所帮助，欢迎大家一起来学习。

解决IE6兼容性问题常见方法

1、使用声明

你必须经常在html网页头部放置一个声明，推荐使用严格的标准。例如

<!DOCTYPEHTMLPUBLIC“-//W3C//DTDHTML4.01//EN”
"http://www.w3.org/TR/html4/strict.dtd”>
or,forXHTML:
<!DOCTYPEhtmlPUBLIC“-//W3C//DTDXHTML1.0Strict//EN”
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

最后你需要是IE6进入兼容模式，这已经足够兼容了。

2、使用position:relative

设置一个标签position:relative可以解决很多问题，特别是曾经有过看不见的经历或者奇怪布局的框架。明显的，你需要小心，绝对位置放置的子元素是否都参照找到新位置。

3、为浮动元素使用display:inline

IE6兼容性解决方案为浮动元素使用display:inline。浮动元素会有一个著名的IE6双边距marginbug。假如你设置了左边距5px但实际上得到了10px左边距。display:inline可以解决这个问题，尽管它不是必需的，但是css仍然有效。

4、设置元素启动hasLayout

大部分IE6（IE7）的渲染问题都可以通过起来元素的hasLayout属性来兼容。这是IE内置的设定，确定一个内容块相对其它内容块是有界限和位置的。当你需要设置一个行内元素例如一个连接变成块状元素或者是透明效果，设置hasLayout也是必须的。

5、修复重复字符的bug

IE6兼容性解决方案修复重复字符的bug。复杂的布局会触发一个bug：浮动对象的最后字符会出现在已经清除浮动的元素后面。这里有几种解决的办法，部分是理想的，并且一些测试和出错是必须的。
a、确保浮动元素都使用：display:inline；
b、最后一个浮动元素使用margin-right:-3px;
c、在浮动对象最后一个元素后使用一个条件注释。例如<!—>这里输入注释…<![endif]
d、在容器内的最后使用一个div空标签（它也必须设置90%宽度甚至更小）

6、使用a标签完成可点击和hover原理

IE6只支持a标签的css定义hover效果
你可以使用它去控制javascript启动的widgets，使得他们仍然保持键盘操作。这里有个二择一的问题，但是a标签是所有解决方案中最可靠的。

【编辑推荐】

解决IE6兼容性问题的十大技巧
学习笔记 IE8兼容代码用法解析
IE6 IE7 IE8 FF浏览器的CSS兼容问题探究
微软发布升级版IE8Beta2浏览器新特性敬请关注
技术前沿 DIV+CSS布局网页对网站SEO的影响

解决IE6兼容性问题常见方法相关推荐

IE6兼容性问题及解决办法汇总
1.IE6怪异解析之padding与border算入宽高原因:未加文档声明造成非盒模型解析解决方法:加入文档声明<!doctype html> 2.IE6在块元素.左右浮动.设定mar ...
工作中遇到的IE6兼容性问题及解决办法
1.解决IE6下元素左浮动自动换行的问题解决:元素左浮动,宽度自适应:CSS:display: inline-block;overflow: hidden;white-space: nowrap; ...
哈希查找解决地址冲突的两种最常见方法（线性探测再散列，链地址法）C++实现
哈希查找解决地址冲突的两种最常见方法(线性探测再散列,链地址法)C++实现参考文章: (1)哈希查找解决地址冲突的两种最常见方法(线性探测再散列,链地址法)C++实现 (2)https://www. ...
过拟合解决方法python_《python深度学习》笔记---4.4、过拟合与欠拟合（解决过拟合常见方法）...
<python深度学习>笔记---4.4.过拟合与欠拟合(解决过拟合常见方法) 一.总结一句话总结: 减小网络大小添加权重正则化添加 dropout 正则化 1.机器学习的根本问题? ...
解决IE6中PNG透明显示灰底的8种方法
方案一 - 滤镜解决方案介绍:滤镜从IE4.0被微软正式引入,所以我们可以使用滤镜解决IE6的PNG透明问题,滤镜不仅可以实现目前CSS3的一些旋转效果而且还可以引入图片.注意:此方法在部分版本的I ...
解决IE6下CSS兼容性的两把神器
神器一.csshover.htc 解决IE6不支持非a标签的hover伪类. 引入方式:在样式表中引入例: body { _behavior: url(csshover.htc); } 应用: cl ...
DIV+CSS解决IE6，IE7，IE8，FF兼容问题
1.ie8下兼容问题,这个最好处理,转化成ie7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-comp ...
css/div/兼容性及常见bug
css+div基础 css 清除浮动的几种方法 css省略号 css文字排版方向 html 盒子水平垂直居中 px.em.em的区别 src和href的区别 link和@import的区别定位的区别 ...
解决浏览器兼容性问题面试题_如果不解决技术面试问题，就无法解决技术多样性问题。这是数据。...
解决浏览器兼容性问题面试题 by Aline Lerner 通过艾琳·勒纳(Aline Lerner) 如果不解决技术面试问题,就无法解决技术多样性问题. 这是数据. (You can't fix d ...

解决IE6兼容性问题常见方法

解决IE6兼容性问题常见方法相关推荐

最新文章

热门文章