IE6不支持min的解决方法

经常会遇到要保持最小宽度,以及高度的问题,我们可以用min-height或者min-width来解决。但是这两个属性在IE6中是不起效果的,我并不仇视IE6,虽然它带来了太多太多的麻烦,但是它也算是曾经时代的一个经典了,不如把它当作挑战好了。

这是解决min问题最通用的方法:(下面为例子,min-width效果相同)

{min-height:100px;

height:auto !important;

height:100px;

overflow:visible;

}

第一行,min-height:100px;这一句,IE6无法理解,但是对Firefox,IE6+,Safari等浏览器传达到是最小的高度设置为100px。

第二行,height:auto !important;在IE6中依然会被忽略,因为IE6看不懂!important(因此常被用作针对天生的hack),而其他浏览器会解析出超出自动扩展的效果。

然后,第三行是height:100px;终于IE6可以看懂了,告诉IE6初始大小为100px。因为之前的!impotant对其他浏览器来说是最优先选择的,所以其他浏览器会忽略这一条,只对看不懂!impotant的IE6有针对性。

第四行,overflow:visible;是IE6的独有属性,FF和IE6+等现代浏览器是没有的。意思是当内容超过时,内容不被隐藏,而是自动扩展容器显示出来,这样也正好可以达到效果了。

明天做其他笔记,关于CSS中比较头疼的清空问题。

Tags: ,

37 comments

  1. 原来是这样样子滴

    [回复]

  2. 用那个ie7的js可以解决很多问题

    [回复]

  3. 如果不是国人用惯了IE,FF一出来他就得淘汰了。

    [回复]

  4. 楼上错了,我就知道firefox,很多傲游用户也知道firefox但是我们不用,太麻烦。

    [回复]

  5. 我居然不知道min是什么

    [回复]

  6. 这个属性我居然从来没有用过耶~

    [回复]

    smigoo 回复:

    @万戈, 呵呵 以后应该会用到的~

    [回复]

  7. IE不兼容园边你还没有帮我解决!

    [回复]

    smigoo 回复:

    @超人, 要么用js,要么用图片…

    [回复]

  8. 这个属性还真没见过!研究的很细了。

    [回复]

  9. 好深奥………..

    [回复]

  10. 设计网页的时候吗?保持最小宽度,以及高度?

    [回复]

  11. 嘎嘎,灰常的经典 ~ 收藏 ~

    [回复]

  12. 学习了 兼容问题 相当烦人~

    [回复]

  13. 不用IE6好多年啦!

    [回复]

  14. 如今,兼容ie6最麻烦了。。。

    [回复]

  15. 很深奥,值得去学习。。。

    [回复]

  16. IE6已经被淘汰了

    [回复]

  17. overflow:visible;
    我还不知道可以这么写 呵呵~

    [回复]

  18. 美女居然也好这口!
    你就折腾吧

    [回复]

  19. 我变傻了。。看不懂smiMM写的东西……

    [回复]

  20. 别说,还是第一听这东西

    [回复]

  21. 我一直都用的ie,其它的都不习惯用

    [回复]

  22. overflow:所有对象的默认值都是visible ,除了 textarea 对象和 body 对象的默认值是 auto 。目前IE6+,FF2+,opera9+,safari3+,chrome1+都认识它。
    所以overflow:visible;可以不写,因为是默认值

    [回复]

  23. 浏览器的兼容问题最麻烦。搞死人了

    [回复]

  24. 呵呵,和我发的一篇差不多.
    不错,

    [回复]

  25. 叫大家out IE6吧~~~

    [回复]

  26. 好久没来了。。文章看不懂,希望smi越来越漂亮哈

    [回复]

  27. 从群里看到照片 然后就闪进来了

    IE6很久都没用了 至于后面解决的CSS办法也没用过 惭愧!

    [回复]

  28. 我喜欢ie6,喜欢跟ie6缠绵,试想如果没有ie6,那我们的xhtml+css生活将变得多么的无聊啊

    [回复]

  29. css有时确实麻烦,

    [回复]

  30. IE6,真是让网页设计师想到就头痛的东西…
    就两个不行最郁闷
    这个不行,那个也不行

    [回复]

  31. 学习了 呵呵,风格有点冷

    [回复]

  32. 还米更新?

    [回复]

  33. 鸽子来看看你的博客添个人气!

    [回复]

  34. 很少用 ie了

    [回复]

  35. 心态真好,每每遇到ie6的bug,我都诅咒它早点归西

    [回复]

Leave a comment