IE6、IE7、FireFox CSS兼容的min-height语法

IE6、IE7、FireFox CSS兼容的min-height语法(转)

老旧的IE6不支持很多CSS语法,而其中的一些又是非常有用的,例如min-height、min-width、max-height、max-width等。利用IE独有的样式表达式语法就能解决这一问题。

position: fixed;
#position: fixed;
_position: absolute;
第一排给Firefox以及其他浏览器看
第二排给IE7(可能以后的IE8、IE9也是如此,谁知道呢)看
第三排给IE6以及更老的版本看

IE支持表达式,例如
width: expression(this.width > 200 ?? "200px"? :? this.width + "px")
这是IE独有的方法

利用表达式解决IE6不支持min-height、min-width、max-height、max-width等的解决办法

查看源代码
打印 帮助
01 /**min-height**/
02 img {
03 min-height:200px;
04 _height:expression(this.height < 200 "200px" : this.height+"px");
05 }
06 /**max-height**/
07 img {
08 max-height:200px;
09 _height:expression(this.height > 200 "200px" : this.height+"px");
10 }
11 /**min-width**/
12 img {
13 min-width:200px;
14 _width:expression(this.width< 200 "200px" : this.width+"px");
15 }
16 /**max-width**/
17 img {
18 min-width:200px;
19 _width:expression(this.width> 200 "200px" : this.width+"px");
20 }

你可能感兴趣的:(IE6、IE7、FireFox CSS兼容的min-height语法)