繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
- CSS样式表
- css 兼容ie6,ie7,ff的fixed,元素上下端固定定位方法
- CSS解决链接锚点定位偏移的代码
- 一个css transform效果 很有图片的感觉
- ie6,ie7,firefox的textarea滚动条、边框
- 12种CSS BUG解决方法与技巧
- CSS 常用设置备忘
- table中td内容换行问题
- 外部引用CSS中 link与@import的区别
- CSS background-position 属性 定位图片
- css 解决英文字符与阿位伯数字自动换行
- div ,frame等空间的透明实现代码
- CSS中几种浏览器对不同版本的支持与区分写法
- 多个浏览器对容器宽度实际像素的解释
- CSS 用ul li做圆角表格
- CSS 之dl dt dd模拟表格实例代码
- 创建超链接及css 样式设置
- 页面位置 top、postop、scrolltop、offsetTop、scrollHeight、offsetHeight、clientHe
- css float 解析学习
- 学习DIV+CSS难不难 需要掌握哪些知识
- IE8 CSS hack
CSS样式表 中的 CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 272 ::
收藏到网摘: n/a
一直以来有个很头疼的问题困扰着我，那就是图片缩放的问题，写到 JS 里面吧，不太容易修改。写到 CSS 里面吧，IE 6 又不支持 max-width 今天用了很久时间终于解决了这个问题，基本完美了，唯一不完美的就是 IE 6 只有在图片完全下载完成后才会自动调整大小，不过聊胜于无，总比进入页面后看到长长的横向滚动条舒服的多，这里使用了 expression，但是利用了一次加载，所以 expression 不会造成内存泄漏。当然，如果你有更好的解决方案，希望能与我交流。
代码如下：
.Image { max-width:600px;height:auto;cursor:pointer; border:1px dashed #4E6973;padding: 3px; zoom:expression( function(elm) { if (elm.width>560) { var oldVW = elm.width; elm.width=560; elm.height = elm.height*(560 /oldVW); } elm.style.zoom = '1'; }(this)); }
评论 (0) All
