css操纵照片按等占比放缩 适配IE6/IE7/火狐浏览器

摘要: 重要词:css操纵照片 等占比放缩 适配IE6/IE7/火狐浏览器/Googlecss操纵照片按等占比放缩 适配IE6/IE7/火狐浏览器/Google今日自身的一个网站必须完成照片等占比放缩,但又不可以应用js只有...

重要词:css操纵照片 等占比放缩 适配IE6/IE7/火狐浏览器/Google
css操纵照片按等占比放缩 适配IE6/IE7/火狐浏览器/Google
今日自身的一个网站必须完成照片等占比放缩,但又不可以应用js只有用css操纵div中的img为特定尺寸,下边我寻找一段编码分离出来给大伙儿。
编码以下:
style type="text/css"
.thumbImage img{ 
MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width 600 ? "600px" : this.width)!important;

.thumbImage {MARGIN: auto;WIDTH: 600px;} 
*html.thumbImage img{ 
width:expression(this.width 600 this.width this.height?450:auto); 
height:expresion(this.height 450?450:auto); 
}
/style
html编码编码以下:
body
DIV img src="1.jpg" border="0" /DIV
/body
那样要是在 class中thumbImage照片都是等占比放缩哦,变小就初始显示信息大的就等占比变小。按占比变小或是变大到某一规格,针对规范访问器(如Firefox),或是全新都IE7,ie8访问器,立即应用max-width,max-height;或是min-width,min-height的CSS特性就可以。
针对IE6以及下列版本号的访问器,则能够运用其适用的expression特性,在css code中置入javascript code来完成照片的放缩。


联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503

技术支持:免费小程序制作