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等的解决办法


/**min-height**/
img {
min-height:200px;
_height:expression(this.height < 200 ? "200px" : this.height+"px");
}
/**max-height**/
img {
max-height:200px;
_height:expression(this.height > 200 ? "200px" : this.height+"px");
}
/**min-width**/
img {
min-width:200px;
_width:expression(this.width< 200 ? "200px" : this.width+"px");
}
/**max-width**/
img {
min-width:200px;
_width:expression(this.width> 200 ? "200px" : this.width+"px");
}

2 Replies to “IE6、IE7、FireFox CSS兼容的min-height语法

  1. 这个有点误导,你这个是调整图片的,并不是层的,标题定的清楚,其实也可以让你的关键词更清楚!

发表评论

电子邮件地址不会被公开。

*