HTML5网页设计

html_css

让IE6也支持css的min-height样式

时间:2011-01-03 15:20来自:未知作者:admin点击:
min-heigh在 css 布局中常常会被用到,但是ie6却不支持这个属性,万恶的ie6。不过还是有办法解决的。 方法一: 使用expression属性。 css代码如下: div { height: expression(this.height 300 ? true : 300); /*如果大于300px,就为自动,否则为300px*/ min-h

min-heigh在css布局中常常会被用到,但是ie6却不支持这个属性,万恶的ie6。不过还是有办法解决的。

方法一:使用expression属性。

css代码如下:

div {
    height: expression(this.height > 300 ? true : 300); /*如果大于300px,就为自动,否则为300px*/
    min-height:300px;
}

方法二:利用IE6本身特性。

css代码如下:

div {
    height: auto!important;
    min-height:300px;
    height:300px;
}

PS:推荐第二种方法,第一种存在效率问题,不过小部分使用还是可行的。min-width/max-width/max-height可根据以上方法同理修改使用。

当前文章地址:http://www.shejicool.com/web/html_css/ie6-css-min-height-style.html

阅完本篇文章?您还可以: 收藏本文 文章挑错 朋友推荐