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

   2015-11-09 0
核心提示:IE6不支持min-height,但是实际操作中,这个属性是非常需要的,下面为大家介绍下几种不错的解决方案,感兴趣的朋友可以参考下
又是IE6!!!坑人的IE6,不支持min-height,但是实际操作中,这个属性是非常需要的。那IE6下面怎么实现呢?请看geniusalien提供的完美解决方案:
(geniusalien温馨提示:本文的min-height操作方式试用于min-width、max-width、max-height。一样按下面的解决方案进行!)

第一种方法:我们可以利用IE6不识别!important来实现:

复制代码
代码如下:

height:auto !important;
height:100px;
min-height:100px;

这三句话,可以实现IE6下面min-height值为 100px ,我也不知道为什么会这么神奇,但是它就是解决问题了。

第二种方法:overflow:visible属性实现:

复制代码
代码如下:

min-height:100px;
_height:100px;
overflow:visible;

第二种方法说明一下:
min-height:100px;这一句在ie7和FF已经可以正常显示了
_height:100px这一句在ie6,ie5测试显示正常。但不能过W3C验证
overflow:visible;这一句为了注明#test当内容超过100px时就自动延长。
注意:你必须保证#test以外的都要是overflow:visible。否则还是不会显示超出。
 
反对 0举报 0 评论 0
 

免责声明:本文仅代表作者个人观点,与乐学笔记(本网)无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
    本网站有部分内容均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责,若因作品内容、知识产权、版权和其他问题,请及时提供相关证明等材料并与我们留言联系,本网站将在规定时间内给予删除等相关处理.

  • 不刷新页面更改CSS样式(IE6、7、FireFox)
    function addCss(path) {    var css = document.createElement("link");    css.setAttribute("type", "text/css");    css.setAttribute("rel", "stylesheet");    css.href = path;    document.body.appendChild(css)
    03-08
  • IE6/7不读取CSS样式,或不能正常显示背景图片问
    最近在做网页的时候出现网页的CSS竟然无法识别,网页显示乱七八糟的,后面竟然发现是因为我在的头部描述当中写了引文引号导致CSS文件无法正确读取,无法识别CSS文件还可能存在其他的问题。网页采用了UTF-8编码格式,这本来没有什么问题,问题是外部CSS文件默
    03-08
  • IE6、IE7、IE8、Firefox、Opera CSS hack区分
    针对样式名如果只让ie6看见用*html .head{color:#000;}如果只让ie7看见用*+html .head{color:#000;}如果只让ff看见用:root body .head{color:#000;}如果只让ff、IE8看见用html/**/body .head{color:#000;}如果只是不让ie6看见用htmlbody .head{color:#000;}
    03-08
  • 华丽的bootstrap3碰到土鳖IE6
          之前由于看好很容易上手的bootstrap,然后用这个框架写了个网站,对于不会美工和细致设计的攻城师来说,bootstrap是个界面设计的瑞士军刀,三下五除二就能搞定个不算太丑的页面。      吭哧吭哧工作了一阵,网站功能基本完工,最后要发布时发
    02-08
  • 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解
     让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法最近做一个Web网站,之前一直觉得bootstrap非常好,这次使用了bootstrap3,在chrome,firefox,safari,opera,360浏览器(极速模式)、搜狗浏览器等浏览器下均没有问题,而在IE8及IE11下发现样式无法显示,
    02-08
  • 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解
    首先需要确保你的HTML页面开始部分要有DOCTYPE声明。DOCTYPE告诉浏览器使用什么样的HTML或XHTML规范来解析HTML文档,具体会影响:对标记attributes 、properties的约束规则对浏览器的渲染模式产生影响,不同的渲染模式会影响到浏览器对于CSS代码甚至JavaScrip
    02-08
  • css 实现层半透明,且块内文字不透明(兼容ie6等各种浏览器)
    css 实现层半透明,且块内文字不透明(兼容ie6
    兼容各浏览器且效果一致,有两种方法:一、使用 opacity + Alpha Filter其实见到这个的时候,我们的第一想法当然是 background + opacity,在不支持 opacity 的 IE 再使用 filter 的 alpha 滤镜来实现。但是如果仅仅只是如此,这个最外层,最内层和文字,
    02-08
  • CSS针对IE6实现网页图片底部留出空白的方法
    又到了对付IE6兼容的时间了,要让img底部留出空白,普通的li写法在IE6下往往会出问题, 下面就关于CSS针对IE6实现网页图片底部留出空白的方法给出一些经验,需要的朋友可以参考下
    05-26 cssIE6留白
  • 使用语义化标签去写你的HTML 兼容IE6,7,8
    下面小编就为大家带来一篇使用语义化标签去写你的HTML 兼容IE6,7,8。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧
  • 让IE6支持兼容min-width、max-width CSS样式属
    这篇文章主要介绍了让IE6支持兼容min-width、max-width CSS样式属性的方法,需要的朋友可以参考下
点击排行