`
chengxianju
  • 浏览: 258061 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

让IE 6支持min-height[转载]

阅读更多

 众所周知(玩CSS滴,CSSer),IE浏览器是从IE7.0才开始支持min-height ,min-width及max-height,max-width滴,IE6及IE6以前的浏览器都不支持这几个属性。

  那么如何让IE6也支持这几个属性呢?回答是不可能滴,除非Microsoft给它们升级,显然,这是不现实的,目前正紧张开发IE8中。

  既然不能让IE6也支持这几个属性,那么就得想办法让它们拥有“类似”属性,以实现相同的效果。

  如:要在IE6实现min-height效果

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

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

div {
  min-height:100px;
}

  在IE6下的效果如下图(图一):

  在其它浏览器中的效果如下图(图二):

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

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

div {
  min-height:100px;
  _height:100px;
}

  效果如下图(图三):

  如图三所示,在IE6中也实现了min-height的效果。而实现关键就在于{ _height:100px; },这是为它定制的一个Hack。

分享到:
评论

相关推荐

    IE 6不支持min-height或max-width等属性的完美解决方案

    坑人的IE6,不支持min-height,但是实际操作中,这个属性是非常需要的。那IE6下面怎么实现呢?请看geniusalien提供的完美解决方案: (geniusalien温馨提示:本文的min-height操作方式试用于min-width、max-width、...

    兼容IE6的min-width、min-height的简单方法

    IE6是一个非常老旧的浏览器版本,其对CSS的许多属性支持不全,比如本文提到的min-width和min-height属性。min-width属性可以设置元素的最小宽度,当浏览器窗口或者父元素的宽度小于设定值时,元素的宽度不会继续收缩...

    让IE6支持min-width最小宽度

    标题中的“让IE6支持min-width最小宽度”指的是在Internet Explorer 6(简称IE6)浏览器中实现CSS的`min-width`属性。`min-width`属性允许开发者设置一个元素的最小宽度,确保它不会在屏幕或窗口尺寸缩小到一定程度...

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

    本文将详细介绍如何让IE6支持`min-height`和`max-height`,以及如何同时兼容这两个属性。 1. **IE6支持`max-height`的解决方法** 在IE6中,我们不能直接使用`max-height`属性,因为它不被识别。一种常见的解决方案...

    CSS中height和min-height的区别

    在较旧的IE浏览器版本中,如IE6,它并不支持min-height属性。针对这种情况,开发者必须使用一些兼容性技巧或特定的CSS Hack来实现类似的效果。例如,可以使用一个特定的CSS前缀或属性,比如在IE6中使用_height代替...

    min-height最小高度实现的解决方法,(兼容IE6、IE7、FF、Chrome)

    min-height属性是CSS的属性之一,用于规定元素的最小高度,但IE6和IE7并不支持这一属性。这使得前端开发人员不得不寻找各种兼容的解决方案。而在较新的浏览器FF(Mozilla Firefox)和Chrome中,min-height是被支持的...

    让IE6支持min-width和max-width的方法

    说明:让 IE6 及其以下版本支持 CSS 中 min/max-width/height 属性 代码如下: @if (@_win32 && @_jscript_version>4) var minmax_elements; minmax_props= new Array( new Array(‘min-width’, ‘minWidth’), new ...

    IE6不支持CSS中的min-width/height属性问题的解决方法

    然而,IE6对于min-width和min-height属性并不提供原生支持。在IE6中,若仅使用width或height属性,它会默认为元素提供一个最小尺寸的特性,但这种方式在其他现代浏览器中并不适用,比如在Firefox或IE7中,这样的设定...

    min-height和min-width两个最小高度和最小宽度兼容多浏览器版本

    文章介绍了min-height和min-width兼容多浏览器版本做法,有需要的同学可看看。min-height和min-width这两个最小高度和最小宽度的容器属性相信大家并不陌生。先说说min-height。这个看起来很容易。看下面试例: 复制...

    兼容IE6、IE7的min-width、max-width写法

    通过这些兼容性技巧,我们可以在不支持`min-width`和`max-width`的IE6和IE7浏览器中实现类似的功能。然而,需要注意的是,`expression`表达式在性能上较差,可能导致页面加载缓慢或者在某些情况下引起浏览器崩溃。...

    多种方法解决min-width 不兼容ie6的问题

    把以上三行代码加到需要最小宽度的div里即可,原理是使用IE6本身的BUG(当块级元素内部的东西超出此块级元素的高度时,块级元素的高度会被撑开,也就是说IE6中的height属性本身就等同于min-height)。 方法二: 复制...

    IE6支持max-width/height与min-width/height(完美解决方案)

    接下来,如果需要让IE6同时支持min-width和max-width属性,可以使用更复杂的JavaScript表达式。当元素的滚动宽度(scrollWidth)超出最大值时,可以将其设置为最大宽度,当滚动宽度小于最小值时,可以设置为最小宽度...

    CSS min-height IE6、IE7、FF下DIV自适应高度

    IE6 和 IE7 是较早的 Internet Explorer 版本,由于发布时间较早,它们对于现代CSS标准的支持并不完全,因此在处理 min-height 属性时可能会出现一些兼容性问题。Firefox 的早期版本也有类似的问题,但是随着技术的...

    min-width For ie6 与传统事件阻止

    在大部分现代浏览器中,`min-width`得到了良好的支持,但在老版本的IE6中,由于其内核的限制,原生不支持此属性。为了解决这个问题,开发者通常会采用以下几种方法: 1. 使用`_width:`前缀,这是一种针对IE6的私有...

Global site tag (gtag.js) - Google Analytics