让IE6支持max-height和min-height的css代码
2012-01-11 09:23
369 查看
根据见名知义的原则,我们就能知道max-height和min-height的意思分别是设置对象,如图片的最大高度和最小高度,但是呢?这两个属性在ie6中确实不被支持,也就是max-height无效,那么在必须用的时候是不是就没有办法了呢,束手无策了呢?不,有办法,请看我细细道来。
第一点:让IE6支持max-height的方法
IE6支持最大高度解决CSS代码:
说明:max-height:1000px; 这个是IE6以上级其它品牌浏览器支持最大范围高度。而 _height:expression((document.documentElement.clientHeight||document.body.clientHeight)<1000?"1000px":"");overflow:hidden; 则是让IE6支持max-height替代CSS代码,但效果和其它版本浏览器相同效果。
让所有浏览器都支持max-height的CSS样式代码,完整:
这里的1000和1000px是你需要的数值,注意3个数值的相同。
让IE6支持最大高度max-height的时候别忘记加上overflow:hidden;
第二点:让IE6支持min-height的方法
IE6支持最小高度解决CSS代码:
说明:min-height:1000px; 这个是IE6以上级其它品牌浏览器支持最小范围高度。而 _height:expression((document.documentElement.clientHeight||document.body.clientHeight)>1000?"1000px":""); 则是让IE6支持min-height替代CSS代码,但效果和其它版本浏览器相同效果。
让所有浏览器都支持min-height的CSS样式代码,完整:
这里的1000和1000px是你需要的数值,注意3个数值的相同。
第三点:IE6支持max-height又支持min-height方法
让所有浏览器包括IE6即支持最大高度又支持最小高度。
IE6支持Max-Height和支持Min-Height CSS代码
说明:以上代码作用是让对象的最小高度为40px,最大高度为620px的CSS样式属性
以上文章讲了单独ie6中单独支持max-height,单独支持min-height和同时支持max-height,min-height的方法,因为需求不同,所以整出了这三方面的支持代码。
详细出处参考:http://www.ityoudao.com/Web/CSS_647_2224.html
第一点:让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
相关文章推荐
- css的兼容性:IE6不支持max-width和min-height,应该如何写代码才能正常显示
- 让 IE6 及其以下版本支持 CSS 中 min/max-width/height 属性
- IE6支持兼容max-height、min-height CSS样式
- 转载:牛魔王的世界观 »谈谈ie6不支持min-height与max-height的解决方法
- 让IE6支持max/min-height/width样式属性方法
- IE6支持兼容max-height、min-height CSS样式
- IE6支持max-width/height与min-width/height(完美解决方案)
- 让IE6支持min-height,max-height等的方法
- 让IE6支持最小高度min-height、最大高度max-height的方法
- 让IE6支持max-height又支持min-height方法
- IE6不支持max-width和min-height解决问题
- minmax.js 解决IE6不支持max-width 和 max-height 属性
- 让IE6 支持min max width height
- 让IE6也支持max-width/height和min-width/height(完美解决方案)
- IE6支持max-height及min-height解决方法
- IE6支持max-height、min-height CSS样式
- 让IE6支持max-height又支持min-height方法
- 解决ie6不支持min/max-width/height属性办法
- IE6支持兼容max-height、min-height、max-width、min-width CSS样式
- IE6不支持CSS中的min-width/height属性问题的解决方法