CSS的最大高度、最小高度及宽度在IE6下没有效果问题
(编辑:jimmy 日期: 2024/11/18 浏览:3 次 )
在写CSS的时候我们就会发现max-height、min-height、等属性在IE6底下是没有效果的。
这个时候怎么办呢
这个时候我们就可以针对IE做出专门的设置
宽度
复制代码代码如下:
_width:expression(document.body.clientWidth < 300 ? "300px" : "auto");
高度
复制代码代码如下:
_height:expression(this.scrollHeight < 200 ? "200px" : "auto");
解释一下这个expression是什么
这个是一个用来把css属性和javascript脚本关联起来,这里的css属性可以是元素固有的属性,也可以是自定义属性,就是说css属性后面可以是一段javascript表达式,css属性的
等于javascript表达式计算的结果。在表达式中可以直接引用元素自身的属性和方法,也可以使用浏览器对象。
例如:
复制代码代码如下:
a {star:expression(this.onFocus=this.blur())}
只能说这个万恶的IE啊
这个时候怎么办呢
这个时候我们就可以针对IE做出专门的设置
宽度
复制代码代码如下:
_width:expression(document.body.clientWidth < 300 ? "300px" : "auto");
高度
复制代码代码如下:
_height:expression(this.scrollHeight < 200 ? "200px" : "auto");
解释一下这个expression是什么
这个是一个用来把css属性和javascript脚本关联起来,这里的css属性可以是元素固有的属性,也可以是自定义属性,就是说css属性后面可以是一段javascript表达式,css属性的
等于javascript表达式计算的结果。在表达式中可以直接引用元素自身的属性和方法,也可以使用浏览器对象。
例如:
复制代码代码如下:
a {star:expression(this.onFocus=this.blur())}
只能说这个万恶的IE啊
下一篇:CSS的em、px、pt长度单位转换示例