首页 » 工作 » 正文

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

发布者:站点默认
2011/04/15 浏览数(1,729) 分类:工作 解决IE6的盒子模型、透明PNG、inline-block、max/min-width/height问题已关闭评论

让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

点击返回顶部
  1. 留言
  2. 联系方式