小技巧: 利用CSS同比例缩小图片-Css|网络编程语言|学习网

文章类

软件类

html入门培训网站服务器软件化妆品经典广告词雅芳化妆品价格 avon化妆品 net 入门培训房地产销售广告化妆品广告词网络工程师

您现在的位置：学习网 > 网络编程语言 > Css > 正文


		最新热门

	CSS 速成
	控制网页文件大小通过精简CSS实
	网站字体大小 CSS该重新改写？
	斜角滑动门导航条(DIV+CSS)
	在DW中使用CSS样式表来设置网页
	CSS样式表层叠（cascade）处理
	“画中画”效果---谈Iframe标记
	让CSS使网页图片半透明
	CSS字型的设定
	CSS 单位


		频道推荐

	内嵌滚动条(windows UpDate风格
	CSS应用基础教程(3) 应用补充
	CSS应用基础教程(5) 文字性质
	CSS应用基础教程(4) 颜色背景
	CSS应用基础教程(2) 应用方式
	为打印输出创建一个CSS样式
	CSS应用基础教程(6) 区块性质
	用CSS控制图片自适应大小的方法
	网页制作技术CSS之DIV长度相等
	无延迟翻滚的图形与CSS混合风格
	CSS特点及加入网页的四种方法
	CSS对表格单元格强制换行和不换
	css教程:CSS文件应该保持整洁和
	在CSS设计中选择器的巧妙使用!
	在DW中使用CSS样式表来设置网页
	文本属性
	巧用CSS制作可控闪烁效果
	标准建站过程中注意CSS的兼容性
	简单的CSS改进网站设计的三个技
	CSS 常用信息速查手册

		频道推广

	小技巧: 利用CSS同比例缩小图片	★★★

小技巧: 利用CSS同比例缩小图片

作者：佚名文章来源：本站整理更新时间：2008-7-24 22:38:30

    当然，生成缩略图这个工作如果交给程序来完成，效果会好很多，但是有时出于某种因素，例如服务器不支持GD之类的，难免就要请CSS代劳。
    把一副大图片按比例缩小到某个尺寸，对于现代浏览器，直接使用max-width和max-height两条CSS属性即可。
    对于IE 6.0及以下版本，以上两条CSS属性均不会被理会。之前处理这种事情，我们往往会借助javascript，然后为图片加上onload事件。例如：
    这固然能解决问题，但是对以后页面的升级会带来麻烦——随着浏览器对CSS支持的完善，我们迟早会把图片上的onload事件统统去除。该是Expression的Show Time了，既然IE支持通过Expression在CSS中放置一些脚本，而这段脚本又只是提供给IE 6.0及以下版本使用，那么把它写到Expression中再合适不过。
    最终，把一副大图片按比例缩小到50px*50px以内，可以参照以下这段CSS：

小技巧:利用CSS同比例缩小图片

程序代码

文章录入：admin 责任编辑：admin

上一篇文章：初学：什么是DIV+CSS？有什么优势？

下一篇文章：网页制作中关于浏览器宽度和告诉的设定研究

		相关文章

破天一剑私服 - 冒险岛外挂 - 传奇外挂 - dnf外挂 - 地下城与勇士外挂 - dnf外挂 - 传奇外传外挂 - qq三国外挂 - 天龙八部外挂 - 劲舞团私服 - 劲舞团私服 - 传奇私服 - 传奇私服 - 传奇私服 - 变态传奇私服 - 及时雨外挂 - 热血传奇私服 - 传世私服 - 魔兽世界私服 - 魔兽世界私服 - 完美世界私服