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

1. 兼容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是容器高