欢迎您访问我爱IT技术网，今天小编为你分享的是IE修复方面的电脑教程：【8个用于修正IE6在HTML标准出现bug的技巧】，通过学习这些教程，当你的IE浏览器需要进行修复的时候你就能快速修复了，并能解决IE方面的相关问题，下面是详细的讲解和问答互动！
8个用于修正IE6在HTML标准出现bug的技巧
在最新版的IE8发布不久，Opera首席执行官Jon von Tetzchner就曾经对外公开表示，微软的IE8浏览器还会对网络标准继续破坏。不过随着大家对IE8浏览器越来越了解，发现IE8对CSS标准的支持的确有非常大的改观。微软的IE8已采纳了万维网联合会的HTML5和CSS2.1标准，只是还没有采用已使用于Mozilla，谷歌，和Opera浏览器的SVG。<>多年来面对W3C机构对HTML标准的开发停滞不前，微软便以自己的IE浏览器引擎建立了自己的网络标准。随着各大浏览器的快速发展，同时也推动了HTML标准向前发展。从而使得IE浏览器独立开发这些标准属性跟HTML5标准不太相符，这就扭曲了浏览器市场，迫使网站设计者建立的网页需要同时兼容于IE6,IE7,IE8和其他的浏览器。既然外界的环境是WEB开发者无法改变的事情，那么我们只有加强自身的技能来适应目前的情况，不能寄希望与IE8的普及，这是一件很不靠谱的事情，顽固的IE6用户未必会接受IE8。所以我们最近一年半载还是不能无视IE6。在设计网页的时候我们也只有花更多时间来用于制作IE6的兼容性。这里我们总结了8个使用有效的HTML和CSS代码来修正网页在IE6下显示错位情况的解决方法。
1. 设置position: relative
将一个元素设置为”position:relative”可以解决很多问题，特别是你曾经遇到隐藏的或对齐诡异的盒子。
2.将浮动元素设置为display:inline
具有margin属性的浮动元素可能引起的IE6双倍margin问题，比如，你为一个元素指定margin-left为5px，但是IE6中实际上却表现为10px。”display:inline”将解决这个问题，当然，方法也不是只有这一个。
3. 将一个元素设置为hasLayout
很多IE6(和IE7)的渲染问题可以通过设置元素的hasLayout来解决。 用来确定相对于其他元素，内容是如何布局和定位的。如果你需要设置一个inline元素(比如一个链接)为block元素，或者是应用透明效果。
最简单的设置hasLayout的方法是为CSS设置一个高度或宽度（zoom也可以用，但是zoom并不是CSS标准的一部分）。我们推荐设置实 际尺寸，但是问题是这是不现实的，你可能需要使用”height:1%”。如果父元素并没有设置高度，该元素的实际高度并不受影响，而且这个时候 hasLayout已经被启用。
4. 修正重复文字bug
复杂的布局可以触发在浮动元素的最后一些字符可能出现在出现在清除元素下面的bug。这里有几个解决方法，有些是完美的，但是做一些反复试验也是必须的：
确保所有的元素使用”display:inline;”
在最后一个元素上使用一个”margin-right:-3px;”
为浮动元素的最后一个条目使用一个条件注释，比如：
1 <--[if IE]>Put your commentary in here...<[endif]-->
在容器的最后元素使用一个空的div(它也有必要设置宽度为90%或类似宽度。)
5. 使用important 或高级选择器来区分IE6
不使用传统Hack或在额外文件中的条件CSS的方法，写出特别针对IE6的可行的代码也还是有可能的。比如最小高度可以通过这段代码来定义：
#element {
?min-height: 20em;
?height: auto important;
?height: 20em;
}
7. 尽早测试并不断测试
不要等到你的网站或应用完成了才测试IE6;这样的话问题可能更糟糕，而且会花更多时间来修正。如果你的网站能够在Firefox和IE6中正常运行，那么一般在其它浏览器就不会有问题。
8. 重构你的代码
经常发生的事情是，修正bug要比重新考虑一个布局问题要花更长的时间。对HTML做些小改动和一些简单的CSS常常更有效。这可能意味着你要放弃完美的代码，但是会出现较少的长期问题而且将来你会很清楚如果处理这些可能出现的问题。
相信随着IE8浏览器的普及，网站设计的浏览器兼容性问题将会大幅的减少。笔者认为，微软IE8浏览器对于推动网站标准在网站建设中的应用将发挥积极作用。而预测在明年即将问世的IE9，也将会比IE8更好的符合对标准的支持。如果IE浏览器还缺乏对网络标准的支持，那么他也将失去更多的用户。
关于8个用于修正IE6在HTML标准出现bug的技巧的用户使用互动如下：
相关问题：ie6bug问题！就下嘛那段代码在IE6中居然出现了BUG...
答：.line加上overflow:hidden .line{ width:auto; background-image: url(images/line.gif);margin-top:512px; height:5px;overflow:hidden;} >>详细
相关问题：求：IE6 BUG 啊啊啊啊
答：1. 双倍浮向Bug 这个bug在IE6及更低版本的浏览器中存在。当IE6及更低版本的浏览器在解析浮动元素时，会错误地把浮向边边界(margin)加倍显示。修复这个 bug的方法很简单，只需要将元素的display属性设置为inline就行了。因为浮动元素自动以块状显... >>详细
相关问题：html ie6有个bug不知道怎么解决。。求高手！
答：非常简单，是你写多了代码，去除最后一个样式中的float: left;即可。代码如下，已经在chorme和IE6帮你测试通过： 无标题文档body {margin:0px;} ul {margin:0px;} #main #cjcx .cj_head .cj_scorll {height: 20px;width: 50px;position: absolut... >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-