经常会遇到要保持最小宽度,以及高度的问题,我们可以用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中比较头疼的清空问题。
原来是这样样子滴
[回复]
用那个ie7的js可以解决很多问题
[回复]
如果不是国人用惯了IE,FF一出来他就得淘汰了。
[回复]
楼上错了,我就知道firefox,很多傲游用户也知道firefox但是我们不用,太麻烦。
[回复]
我居然不知道min是什么
[回复]
这个属性我居然从来没有用过耶~
[回复]
smigoo 回复:
十二月 4th, 2009 at 11:13
@万戈, 呵呵 以后应该会用到的~
[回复]
IE不兼容园边你还没有帮我解决!
[回复]
smigoo 回复:
十二月 4th, 2009 at 11:12
@超人, 要么用js,要么用图片…
[回复]
这个属性还真没见过!研究的很细了。
[回复]
好深奥………..
[回复]
设计网页的时候吗?保持最小宽度,以及高度?
[回复]
嘎嘎,灰常的经典 ~ 收藏 ~
[回复]
学习了 兼容问题 相当烦人~
[回复]
不用IE6好多年啦!
[回复]
如今,兼容ie6最麻烦了。。。
[回复]
很深奥,值得去学习。。。
[回复]
IE6已经被淘汰了
[回复]
overflow:visible;
我还不知道可以这么写 呵呵~
[回复]
美女居然也好这口!
你就折腾吧
[回复]
我变傻了。。看不懂smiMM写的东西……
[回复]
别说,还是第一听这东西
[回复]
我一直都用的ie,其它的都不习惯用
[回复]
overflow:所有对象的默认值都是visible ,除了 textarea 对象和 body 对象的默认值是 auto 。目前IE6+,FF2+,opera9+,safari3+,chrome1+都认识它。
所以overflow:visible;可以不写,因为是默认值
[回复]
浏览器的兼容问题最麻烦。搞死人了
[回复]
呵呵,和我发的一篇差不多.
不错,
[回复]
叫大家out IE6吧~~~
[回复]
好久没来了。。文章看不懂,希望smi越来越漂亮哈
[回复]
从群里看到照片 然后就闪进来了
IE6很久都没用了 至于后面解决的CSS办法也没用过 惭愧!
[回复]
我喜欢ie6,喜欢跟ie6缠绵,试想如果没有ie6,那我们的xhtml+css生活将变得多么的无聊啊
[回复]
css有时确实麻烦,
[回复]
IE6,真是让网页设计师想到就头痛的东西…
就两个不行最郁闷
这个不行,那个也不行
[回复]
学习了 呵呵,风格有点冷
[回复]
还米更新?
[回复]
鸽子来看看你的博客添个人气!
[回复]
很少用 ie了
[回复]
心态真好,每每遇到ie6的bug,我都诅咒它早点归西
[回复]