技术相关 · 2014年9月7日

兼容IE,Firefox 的图片自动缩放CSS及expression用法

用CSS按比例缩放图片

CSS图片自动适应大小防止表格被撑开或div层被撑开的多种方法css实现按比例限制图片的显示大小。css ie中最小(最大)高度(宽度) 的处理方法用CSS如何控制网页中图片自适应大小用CSS来控制图片显示大小用CSS控制图片自适应大小的方法

兼容IE、Firefox 

img { max-width:200px; max-height:200px; }
*html img { width: expression(this.width > 200 && this.width > this.height ? 200 : auto); height: expression(this.height > 200 ? 200 : auto); }

 IE7 FF支持max-width/max-height,IE6不支持,FF不支持expression,IE支持。
2. expression例子
鼠标经过时改变颜色 

input {star : expression(onmouseover=function(){this.style.backgroundColor=”#FF0000″},onmouseout=function(){this.style.backgroundColor=”#FFFFFF”}) }
<a href=”link1.htm” onfocus=”this.blur()”>link1</a>去除链接虚框
img {margin-top: expression(( 150 - this.height ) / 2);}

 图片在容器里垂直居中显示,150是容器高