您的位置:首页 > Web前端 > CSS

css控制图片按比例缩小

2009-12-14 13:13 344 查看
IE6实现方法:

HTML部分:

<imgsrc="..."alt="..."onload="resizeImage(this)"/>


JS部分:

<mce:scripttype="text/javascript"><!--

functionresizeImage(obj){

obj.width=obj.width>50&&obj.width>obj.height?50:auto;

obj.height=obj.height>50?50:auto;

}
// --></mce:script>


非IE6实现方法:

HTML部分:

<img src="image/test1.jpg" mce_src="image/test1.jpg" class="thumbImage"/>


CSS部分:

.thumbImage {
max-width: 150px;
max-height: 50px;
}
* html .thumbImage {
width: expression(this.width > 150 && this.width > this.height ? 150 : true);
height: expresion(this.height > 50 ? 50 : true);
}


非IE6通过CSS中的max-width,及max-height属性来限制图片的最大宽度及最大高度。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: