解决IE6的盒子模型、透明PNG、inline-block、max/min-width/height问题

2011/04/15 浏览数(2,031) 分类：未分类已关闭评论

让IE6使用标准的盒子模型：

代码前不要删除这两行代码就可以了，^_^：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

让IE6支持max/min-height/width：

让IE6支持min/max-height/width、fixed

让IE6支持透明PNG：

其实IE6只是不认得PNG24，如果你使用了PNG8，IE6就会好好的显示透明度了，^_^。当然你也可以使用更加完美的办法，而不用区分是该用PNG8还是该使用PNG24：IE PNG Fix。

让IE6支持inline-block：

IE6对于行内容元素span、a可以完美的支持inline-block，而对于块级的div、p就不这么友好了，不过可以通过以下方法模拟出支持块级元素的inline-block：

div {
    /*
      如果你首先触发 IE 的 hasLayout
      然后再设置它的 display: inline，
      这个元素将变为 inline-block。
    */
    zoom:1;
    *display:inline; /* IE8支持inline-block，所以只给IE6/7添加此属性 */
}

＜完。作者：upall＞