新零售商城 快打包
当前位置:首页 > 教程中心 > DIV+CSS教程 > CSS技巧

纯CSS实现图片等比例缩放技巧且兼容IE6的方法

所属栏目:CSS技巧 时间:2014-08-25 来源:网络 作者:不详 点击:

前面有介绍一篇  利用CSS样式:max-width实现图片等比例缩放技巧

但是不支持IE6。

下面介绍一个方法,兼容IE6。

网页代码:

<div class="article"><img src="images/16css.jpg" /></div>

CSS代码:

.article {width:750px;}
.article img {max-width:100%; width:expression(this.width > 750 ? "750px" : this.width); max-height:5000px; height:expression(this.height > 5000 ? "5000px" : this.height);}


其中的   750 就是最大宽度,,,5000就是最大高度。


补充:
需要注意的是IETester模拟的IE不支持expression表达式,所以如需测试效果需要到真实IE环境。

可以下载本站提供的“IE6forWin8-绿色IE6-WIN7/WIN8系统下的IE6兼容性测试工具

请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

更多>>

一流商城

      SQL Error: select id,title,titleurl,titlepic from sql16css_cn.mall_ecms_shop where firsttitle=1 order by id desc limit 9

    你应该也喜欢这些吧

    共有 0 条评论

    给个评价吧

    验证码: