当前位置:  编程技术>WEB前端

CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]

    来源: 互联网  发布时间:2014-10-04

    本文导语:  今天用了很久时间终于解决了这个问题,基本完美了,唯一不完美的就是 IE 6 只有在图片完全下载完成后才会自动调整大小,不过聊胜于无,总比进入页面后看到长长的横向滚动条舒服的多,这里使用了 expression,但是利用了...

今天用了很久时间终于解决了这个问题,基本完美了,唯一不完美的就是 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)); }

    
 
 
 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • CSS hack浏览器兼容一览表
  • 处理CSS3跨浏览器兼容的工具 Prefixr
  • CSS Div 最小高度在IE 6 和IE 7中的兼容性问题
  • 使css兼容IE8的小技巧
  • css 兼容性问题this.style.cursor=''hand''
  • 在到达无H无F境界前~还是要痛苦~我兼容浏览器的CSS
  • CSS兼容要点分析
  • 多浏览器css兼容分析小结
  • 不用js多浏览器兼容纯DIV/CSS对联漂浮广告代码
  • css浏览器不兼容原因分析及解决办法第1/2页
  • 浙ICP备11055608号-3 iis7站长之家
  • Css浏览器兼容的解决方法
  • 浏览器兼容解决FF/IE6/IE7背景专用CSS HACK
  • CSS Hack 汇总速查手册浏览器兼容必会
  • 解决IE5/IE5.5/IE6/FF的兼容性问题——CSS
  • CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法
  • IE7 beta2的CSS兼容性
  • 网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容
  • div+CSS 兼容小摘
  • java命名空间javax.swing.text.html类css的类成员方法: css定义及介绍
  • <!--@import"css/cssset/.css-->,css/cssset/.css是什么意思?
  • java命名空间javax.swing.text.html类css的类成员方法: getattribute定义及介绍
  • CSS预处理器 Less CSS
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: font定义及介绍
  • css强制换行 css强制不换行的css方法
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: margin定义及介绍
  • CSS代码格式化 CSS Beautify
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: padding定义及介绍
  • jquery css类用法(添加、修改与删除css)
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: border定义及介绍
  • CSS 框架 Simpl.css


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3