兼容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(οnmοuseοver=function(){this.style.backgroundColor=”#FF0000″},οnmοuseοut=function(){this.style.backgroundColor=”#FFFFFF”}) }

<a href=”link1.htm” οnfοcus=”this.blur()”>link1</a>去除链接虚框

img {margin-top: expression(( 150 - this.height ) / 2);} 图片在容器里垂直居中显示,150是容器高

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值