前端兼容性问题.pdf

4、.关于清浮动问题描述：当子集浮动，给父级添加请浮动的class时，ie6,7中浮动没有被清除！.clearfix:after{display:block;content:'';clear:both;}解决：.clearfix{zoom:1;}2.img图片的3pxbug问题问题描述：用一个块包含img时，在图片和块之间会有一个3px的间隙出现解决：给img加vertical-align:top;或者display:block;3.a中img图片问题问题描述：用a包裹img标签，在ie中a标签会出现一个边框解决：在ba

5、se文件中加一个样式：aimg{border:0;}4.opacity样式问题问题描述：ie8以下不支持opacity:0.3;解决：加兼容样式filter:alpha(opacity=30);5.margin负值问题问题描述：父子关系---当给子级添加margin负值，超出父级的范围时，ie6中不会显示超出的部分解决：给子级添加一个position:relative;6.margin双边距bug问题描述：浮动元素有margin值(margin-left,margin-right)当margin方向和浮动方向一致时，

6、在ie6中会出现双边距bug;解决：给浮动元素加display:inline;7.margin双倍问题问题描述：父级---浮动；子集---浮动，并有margin值；子集左右的margin值在ie6中变成双倍解决：给子集加display:inline;*当两个元素都浮动之后，不会出现margin塌陷问题（即取大者问题不会有，而是取和）！8.li下的3pxbug问题问题描述：li中的子级有浮动，这时在ie6,7中li下会有3px的空隙解决：给li加vertical-align:top;或者给li加浮动，给ul清浮动！--

7、------------------------------------------9.haslayout模式【针对ie6,ie7浏览器】---浏览器对元素的解析模式标准模式----ie,ff,chromelayout模式---怎样触发/开启haslayout模式？zoom:1;----有值即可触发width,height,display:inline-block/inline;position:absolute,relative,fixed;float:left/right;---为什么要触发？为了解决ie6,7中

8、存在的兼容性问题！10.png图片问题问题描述：png图片在ie6中不支持背景透明---IE6中img图片，和背景图片都是不支持透明的解决：在head中加入11.hack针对于某一浏