兼容IE,Firefox 的图片自动缩放CSS及expression用法
2009-07-02 11:00
811 查看
兼容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是容器高
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是容器高
相关文章推荐
- 兼容IE,Firefox 的图片自动缩放CSS及expression用法
- [转][基本完美]兼容 IE,Firefox 的图片自动缩放 CSS
- CSS实现图片超过限定尺寸自动缩放兼容IE和Firefox
- 兼容 IE,Firefox 的图片自动缩放 CSS
- 兼容ie、firefox的图片自动缩放的css跟js代码分享
- 兼容ie、firefox的图片自动缩放的css跟js代码分享
- 兼容 IE,Firefox 的图片自动缩放的CSS
- 兼容ie、firefox的图片自动缩放的css跟js代码分享
- CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
- CSS-expression实现图片缩放效果,兼容IE、FF
- 纯css图片自动缩放代码兼容IE6、IE7、IE8、Firefox
- CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
- CSS-expression实现图片缩放效果,兼容IE、FF
- 兼容IE,Firefox 的图片自动缩放
- css处理过长文字自动隐藏(兼容IE和firefox)
- CSS设置DIV Herf底层图片和链接同时改变,兼容IE,Firefox,Opera,Safari,Chrome等
- CSS两列自适应高度DIV(高度自动增加)兼容ie和firefox
- CSS图片倒影效果兼容firefox、IE等各主流浏览器
- 兼容IE、新版Chrome、Firefox,实现本地图片等比例缩放预览