IE6 BUG 解决方案备忘

仅作为一个速查的工具使用。
13来源 http://www.css88.com/

<b>1.定位后奇数宽/高度BUG</b>

修改前

IE6下查看，却变成了right:1px的效果了

我也遇到过这种情况……

<b>2.png透明图</b>

• IE5.5开始支持的属性：AlphaImageLoader

  img { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(...);}
  img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(...)";
  缺点：1.加载慢 2.表单无法获得焦点/链接点不了 3.background-repeat/position 或者更复杂的裁剪等操作实现不了

• ie7.js
  https://code.google.com/archive/p/ie7-js/
  一个谷歌出的兼容的js，只修复 *-trans.png 格式的图片

• belatedPNG 11年就停止维护了
  http://www.dillerdesign.com/experiment/DD_belatedPNG/

• 我记得还有换图片的，png-8和png-24。具体以后补充，忘了在哪里看到的。

3.注释

<div>abc</div>

<div></div>
由注释造成文字溢出，属于IE6的BUG，溢出文字的字数=注释的条数*2-1，这里的字数在中文或英文数字时都成立。注释坐在位置与溢出位置、区块的浮动以及文字区块的固定宽度有必然联系。

解决办法：
1、不放置注释。最简单、最快捷的解决方法；
2、注释不要放置于2个浮动的区块之间；
3、将文字区块包含在新的<div></div>之间
4、去除文字区块的固定宽度，与3有相似之处；
5、在后面加一个<br />或者空格；（不推荐）
6、使用IE注释格式，如：<!–[if !IE]>Put your commentary in here…<![endif]–>
7、给盒子加position:relative;属性

<b>4.各种3px</b>
一般vertical-align:middle,overflow:hidden，dislpay:inline -3px,解决。

<b>5.一句话</b>

• 双边距BUG float引起的 使用display
• 超链接hover 点击后失效 使用正确的书写顺序 link visited hover active
• z-index问题 给父级添加position:relative
• Png 透明 使用js代码 改
• Min-height 最小高度 ！Important 解决’
• select 在ie6下遮盖 使用iframe嵌套
• 为什么没有办法定义1px左右的宽度容器（IE6默认的行高造成的，使用over:hidden,zoom:0.08 line-height:1px）