您的位置:首页 > Web前端 > CSS

让IE6支持max-height和min-height的css代码

2012-01-11 09:23 369 查看
根据见名知义的原则,我们就能知道max-height和min-height的意思分别是设置对象,如图片的最大高度和最小高度,但是呢?这两个属性在ie6中确实不被支持,也就是max-height无效,那么在必须用的时候是不是就没有办法了呢,束手无策了呢?不,有办法,请看我细细道来。

第一点:让IE6支持max-height的方法

IE6支持最大高度解决CSS代码:

.yangshi{max-height:1000px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)<1000?"1000px":"");overflow:hidden;}


说明:max-height:1000px; 这个是IE6以上级其它品牌浏览器支持最大范围高度。而 _height:expression((document.documentElement.clientHeight||document.body.clientHeight)<1000?"1000px":"");overflow:hidden; 则是让IE6支持max-height替代CSS代码,但效果和其它版本浏览器相同效果。

让所有浏览器都支持max-height的CSS样式代码,完整:

max-height:1000px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)<1000?"1000px":""); overflow:hidden;


这里的1000和1000px是你需要的数值,注意3个数值的相同。

让IE6支持最大高度max-height的时候别忘记加上overflow:hidden;

第二点:让IE6支持min-height的方法

IE6支持最小高度解决CSS代码:

.yangshi{min-height:1000px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)>1000?"1000px":"");}


说明:min-height:1000px; 这个是IE6以上级其它品牌浏览器支持最小范围高度。而 _height:expression((document.documentElement.clientHeight||document.body.clientHeight)>1000?"1000px":""); 则是让IE6支持min-height替代CSS代码,但效果和其它版本浏览器相同效果。

让所有浏览器都支持min-height的CSS样式代码,完整:

min-height:1000px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)>1000?"1000px":"");


这里的1000和1000px是你需要的数值,注意3个数值的相同。

第三点:IE6支持max-height又支持min-height方法

让所有浏览器包括IE6即支持最大高度又支持最小高度。

.yangshi{Max-Height:620px;Min-Height:40px;_height:expression(this.scrollHeight > 620 ? "620px" : (this.scrollHeight < 40 ? "40px" : "auto"));}


IE6支持Max-Height和支持Min-Height CSS代码

_height:expression(this.scrollHeight > 620 ? "620px" : (this.scrollHeight < 40 ? "40px" : "auto"));


说明:以上代码作用是让对象的最小高度为40px,最大高度为620px的CSS样式属性

以上文章讲了单独ie6中单独支持max-height,单独支持min-height和同时支持max-height,min-height的方法,因为需求不同,所以整出了这三方面的支持代码。

详细出处参考:http://www.ityoudao.com/Web/CSS_647_2224.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: