脚本之家 服务器常用软件
快捷导航
您的位置：主页 > 网页制作 > CSS > 浏览器兼容教程 >

让IE6支持最小高度min-height、最大高度max-height的方法

  发布时间：2014-09-05 08:45:15   作者：佚名   我要评论
这篇文章主要介绍了让IE6支持最小高度min-height、最大高度max-height的方法,需要的朋友可以参考下
1、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;

2、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个数值的相同。

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样式属性

相关文章

  • 浅谈原生页面兼容IE9问题的解决方案

    这篇文章主要介绍了浅谈原生页面兼容IE9问题的解决方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起
    2020-12-16

  • 新版chrome浏览器设置允许跨域的实现

    这篇文章主要介绍了新版chrome浏览器设置允许跨域的实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起
    2020-11-30

  • css hack之\9和\0就可能对hack IE11\IE9\IE8无效

    每次设计一张网页或一个表单，都被各种浏览器的兼容问题伤透脑筋，尤其是IE家族。在做兼容性设计时，我们往往会使用各种浏览器能识别的独特语法进行hack，从而达到各种浏览
    2020-03-20

  • css区分ie8/ie9/ie10/ie11 chrome firefox的代码

    这篇文章主要介绍了css区分ie8/ie9/ie10/ie11 chrome firefox的代码,需要的朋友可以参考下
    2020-03-20

  • 解决CSS浏览器兼容性问题的4种方案

    这篇文章主要介绍了解决CSS浏览器兼容性问题的4种方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学
    2020-02-28

  • 常见的浏览器兼容性问题(小结)

    这篇文章主要介绍了常见的浏览器兼容性问题(小结)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学
    2020-02-20

  • border-radius IE8兼容处理的方法

    这篇文章主要介绍了border-radius IE8兼容处理的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学
    2020-02-12

  • 浅谈遇到的几个浏览器兼容性问题

    这篇文章主要介绍了浅谈遇到的几个浏览器兼容性问题，详细的介绍了几种我遇到的问题和解决方式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2018-09-26

  • base64图片在各种浏览器的兼容性处理

    这篇文章主要介绍了base64图片在各种浏览器的兼容性处理的相关资料,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-09-14

  • 对常见的css属性进行浏览器兼容性总结(推荐)

    这篇文章主要介绍了对常见的css属性进行浏览器兼容性总结(推荐)的相关资料,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-07-20

最新评论

关注微信公众号

扫一扫