兼容问题

一、兼容问题

在ie6，不要让内容宽高超出我们设置的宽高，因为内容会撑开设置好的宽高

在ie6下元素浮动，宽度需要内容撑开，就给里边的块元素都加浮动

在ie6下元素要排成一行，一定要设置浮动

在ie6下最小高度19px 。 解决：overflow: hidden

边框不要用dotted （点）

在ie6下，li本身没有浮动，但是内容浮动了 。解决：li浮动，而且设置父级宽度

子元素有相对定位并且溢出，父级overflow包不住子元素 。解决：给父级加相对定位--position:relative

绝对定位元素的父级宽高是奇数的时候元素的right和bottom值会相差1px

 

二、解决IE6 png-24问题

头部添加：<script type="text/javascript" src="js/DD_belatedPNG_0.0.8a.js"></script>

 

js中添加：

<script type="text/javascript">

 DD_belatedPNG.fix('.img');

</script>