当前位置: 首页 > 技术文档 > 网页制作 >

min-height在ie6的兼容性问题,解决ie6不支持min-height

作者:10bu 时间:2011-07-27 14:17 点击: 收藏 我要投稿

 ie6确实不支持   对于min-height我一般是直接给ie6设置height,  ie6会当做最小高度来处理,如果内部元素的尺寸超出了,会自动撑大父元素
例如:
div {min-height:300px;height:auto !important;height:300px;}
这样写的话 ie6会读取height:300px;而忽略height:auto;等于给ie6里设置了一个最小高度;
而其他浏览器会读取height:auto;和min-height:300px;
width: expression(this.width > 300 ? 300 : true); height: expression(this.height > 300 ? 300 : true); max-width: 300px; max-height: 300px;

如果不再单纯的在min-height上较劲,而是把想法变通,要使IE6拥有类似属性其实也是非常简单,用一个简单的Css Hack就可以搞定。

首先对于其它支持该属性的浏览器来说,当然是直接写就OK了。如一个div,描述为:

div {
  min-height:100px;
}



由此可见,IE6不支持min-height,效果也与支持min-height的浏览器大不相同。如何才能让IE6也实现相同的效果呢?

我们知道,IE的height效果其实和min-height是基本相同的,所以只需要单独给IE6设置一个height就行: 10BU.COM

div {
  min-height:100px;
  _height:100px;
} 10bu.com

免责声明:本文章由网友发布与十步网无关,如侵略版权请与我们联系。
顶一下
(0)
0%
踩一下
(0)
0%
min-height在ie6的兼容性问题,解决ie6不支持min-height
min-height在ie6的兼容性问题,解决ie6不支持min-height
min-height在ie6的兼容性问题,解决ie6不支持min-height
min-height在ie6的兼容性问题,解决ie6不支持min-height
相关阅读
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:

广告赞助

热门阅读

图文排行

    论坛板块

    论坛帖子