img在IE6下用CSS限制最大高度、最大宽度
2010-03-23 19:40
337 查看
在IE7、FF中限制最大高度和最大宽度很容易,只需要用max-height、max-width,但IE6下却不认min-*和max-*。那么该怎么解决img在IE6下用CSS限制最大高度、最大宽度呢?
方法一,用JS控制。这个确实可行,网上也有挺多的例子。不过我个人觉得麻烦。这里重点介绍第二种,用CSS控制。不过说实在的,这里也算是CSS+JS实现的。只是用到CSS中的expression把JS放到CSS中执行了。代码如下:
只限制最大宽度:
_width:expression(function(el){el.style.width=el.clientWidth > 140 ? "140px" : "auto";}(this));
只限制最大高度:
_height:expression(function(el){el.style.height=el.scrollHeight > 135? "135px" : "auto";}(this));
如果是高度、宽度都要限制的话得同时用:
_width:expression(this.clientWidth>140?(function(el){el.style.width=el.clientWidth/el.clientHeight>140/135?"140px":"auto";})(this):"auto");
_height:expression(this.clientHeight>135?(function(el){el.style.height=el.clientWidth/el.clientHeight<140/135?"135px":"auto";})(this):"auto");
注:这里的clientHeight跟scrollHeight似乎都一样。
方法一,用JS控制。这个确实可行,网上也有挺多的例子。不过我个人觉得麻烦。这里重点介绍第二种,用CSS控制。不过说实在的,这里也算是CSS+JS实现的。只是用到CSS中的expression把JS放到CSS中执行了。代码如下:
只限制最大宽度:
_width:expression(function(el){el.style.width=el.clientWidth > 140 ? "140px" : "auto";}(this));
只限制最大高度:
_height:expression(function(el){el.style.height=el.scrollHeight > 135? "135px" : "auto";}(this));
如果是高度、宽度都要限制的话得同时用:
_width:expression(this.clientWidth>140?(function(el){el.style.width=el.clientWidth/el.clientHeight>140/135?"140px":"auto";})(this):"auto");
_height:expression(this.clientHeight>135?(function(el){el.style.height=el.clientWidth/el.clientHeight<140/135?"135px":"auto";})(this):"auto");
注:这里的clientHeight跟scrollHeight似乎都一样。
相关文章推荐
- 兼容IE6的网页最小最大宽度和最小最大高度css写法
- CSS控制页面最大最小宽度和高度可兼容IE6版本的实现方法
- CSS控制页面最大最小宽度和高度可兼容IE6版本的实现方法
- 用CSS控制图片最大宽度或最大高度 兼容IE6、FIREFOX等
- CSS控制页面最大最小宽度和高度可兼容IE6版本的实现方法
- CSS的最大高度、最小高度及宽度在IE6下没有效果问题
- MFC,调整窗口大小限制大小,设置窗口的最大|最小宽度与高度
- IE6下限制最大宽度
- C#中 form窗体的宽度和高度最大值限制
- CSS的最大高度,最小高度及宽度问题
- IE6的最大最小高度和宽度
- CSS IE6奇数宽度或高度的bug
- 解决图片太大溢出问题、CSS 限制图片最大宽度、图片按比例自动缩放
- CSS------当内容超出div宽度后自动换行和限制文字不超出div宽度和高度
- 解决图片太大溢出问题、使用CSS限制图片最大宽度或使图片按比例自动缩放
- CSS控制div宽度最大宽度/高度和最小宽度/高度
- CSS控制div宽度最大宽度/高度和最小宽度/高度的方法
- css实现ie6下最大,最小宽/高度
- css-ie6下实现最小,最大宽度
- CSS控制div宽度最大宽度/高度和最小宽度/高度