兼容代码（compatibility code）.docVIP

兼容代码（compatibility code） meta http-equiv =“X -普遍兼容的“内容=“IE = EmulateIE7”/ 解决IE6兼容问题的十大技巧 2011年07月06日星期三14:30 本文和大家重点讨论一下十大要点解决IE6兼容性问题，相信通过本文的简单介绍你对IE6兼容性有更深一步的认识，欢迎大家一起来学习IE6兼容性。 10要点解决IE6兼容性问题 1、使用声明 你必须经常在HTML网页头部放置一个声明，推荐使用严格的标准。例如 ！doctypehtmlpublic”/ / / / / / dtdhtml4.01 W3C EN”HTTP：/ /两。org / TR / HTML4 /严格的DTD”或 forxhtml！doctypehtmlpublic”/ / / / / / dtdxhtml1.0strict W3C EN”HTTP：/ /两。org / TR / xhtml1 / DTD / xhtml1严格。DTD” 最后你需要是IE6进入兼容模式，这已经足够兼容了。 2、使用相对位置： IE6兼容性问题解决方案二：使用位置：相对位置：相对。设置一个标签可以解决很多问题，特别是曾经有过看不见的经历或者奇怪布局的框架。明显的，你需要小心，绝对位置放置的子元素是否都参照找到新位置。 3、为浮动元素使用显示：内联 浮动元素会有一个著名的IE6双边距marginbug。假如你设置了左边距5px但实际上得到了10px左边距。显示：内联可以解决这个问题，尽管它不是必需的，但是CSS仍然有效。 4、设置元素启动haslayout 大部分IE6（IE7）的渲染问题都可以通过起来元素的haslayout属性来兼容。这是IE内置的设定，确定一个内容块相对其它内容块是有界限和位置的。当你需要设置一个行内元素例如一个连接变成块状元素或者是透明效果，设置haslayout也是必须的。 5、修复重复字符的bug 复杂的布局会触发一个错误：浮动对象的最后字符会出现在已经清除浮动的元素后面。这里有几种解决的办法，部分是理想的，并且一些测试和出错是必须的。 一个、确保浮动元素都使用：显示：内联； B、最后一个浮动元素使用缘吧：- 3px； C、在浮动对象最后一个元素后使用一个条件注释。例如！-这里输入注释…！[判断] D、在容器内的最后使用一个div空标签（它也必须设置90%宽度甚至更小） 6、使用一标签完成可点击和悬停原理 IE6只支持一标签的CSS定义悬停效果 你可以使用它去控制JavaScript启动的部件，使得他们仍然保持键盘操作。这里有个二择一的问题，但是一标签是所有解决方案中最可靠的。 7、使用！重要的是，或是高级选择符替代IE特定代码 IE6：使用兼容性问题解决方案七！重要的。在外置的CSS文件里，放弃凭借传统的黑客和条件判断，使用有效的CSS代码去针对仍然是有可能的例如：最小高度可以使用一下定义IE6。 #元{最小高度：20em；高度：汽车！重要的；/ * * /高度：understoodbyallbrowsers 20em；/ / * * ie6incorrectlyusesthisvalue } IE6不支持“最小高度”并且错误的将20em重写为“自动”。不过，当内容大于设置的空间时，它会增加它的尺寸。 另外一个选择是使用高级选择符。例如 #元{最小高度：20em；身高：20em；} 8、避免百分比定义 The percentage in IE chaos. Unless you are very careful of each parent element size, so you can probably avoid finally. You can still use the browser to use the percentage of important. For example: Body{margin:2%0 important; margin:20px0 /*IE6only*/;}! 9, early and often test Before the site and your application is complete, do not give up IE6 test. The problem will be more serious and need a long time to repair. If your website can run on Firefox and IE6, it will almost certainly can run on other browsers. 10, the reconstruction of your code Solutio