当前位置:首页>> 网站建设知识>> 网站建设知识

全文搜索

精华导读

·网站知识:虚拟中的真实:虚拟主机应用初探
·如何做好互联网的策划
·自动分词与中文搜索引擎
·网页文章的优化
·网站的一些基础小知识
·把网站变成卖场
·细说选择.cn域名的七大理由
·网站性感域名十大原则
·大型商务网站的SEO优化误区
·导致搜索引擎收录困难的5种原因
·网站建设中meta标签之详解
·网页制作中Web网页安全色谱
·网页设计中HTML常范的五个错误
·如何建立网站地图(site map)
·网站建设时如何选购虚拟主机?
·中国国家顶级域名和国际域名有什么区别?
·企业建设网站域名可以使用哪些字?
·建设网站时企业如何准备建网站资料?
·DIV+CSS建立标准WEB网页的好处

最新发表

·绝对路径与相对路径祥解
·让文本框textarea自动适应内容的高度
·纯CSS Tooltips
·网页制作学习:虚线表格的制作方法
·超强超靓网页日历代码,网页特效
·极品万年历网页特效
·影响SEO的页面制作细节
·SEO实战:逃离Google补充材料的五个技巧
·如何提高网站的Google页面等级(PR值)
·论坛宣传网站的十二大绝招
·搜索引擎注册九大秘法
·10种在SEO之外获得网站流量的方式
·巧妙应对内容复制---Google官方博文
·新网站排名不稳定的google幽灵现象
·网站优化技术:网站推广完全手册
·网站优化技术:新手一个月轻松打造3000IP的小站
·网站优化:你了解百度蜘蛛吗?
·百度的收录和清除站点规则解密
·网站推广之如何炒红你的网站

用CSS按比例缩放图片

文章来源:网站制作知识 文章编辑:admin 添加时间:2009-2-22 12:10:26

把一副大图片按比例缩小或者放大到某个尺寸,对于标准浏览器(如Firefox),或者最新都IE7浏览器,直接使用max-width,max-height;或者min-width,min-height的CSS属性即可。如:
img{max-width:100px;max-height:100px;}
img{min-width:100px;min-height:100px;}

对于IE6及其以下版本的浏览器,则可以利用其支持的expression属性,在css code中嵌入javascript code来实现图片的缩放
.thumbImage {max-width: 100px;max-height: 100px;} /* for Firefox & IE7 */
* html .thumbImage { /* for IE6 */
width: expression(this.width > 100 && this.width > this.height ? 100 : auto);
height: expression(this.height > 100 ? 100 : auto);
}

由于把图片放大,可能存在图片锯齿化的问题,一般用在图片缩小的情况是较多的。

[ ]

首页 评论 打印 刷新 返回顶部 关闭
【相关文章】  【相关评论】
纯CSS Tooltips
CSS兼容IE6 IE7 和FF的总结
网页制作知识:div+css 面试题目
初学者应该先来了解的CSS网页知识
写给喜欢用DW编写CSS人的一些建议