|
主题:【css小技巧】用纯CSS控制图片最大宽度【代码少,比js更好用】 [收藏主题] | 转到: |
科讯CMS系统非官方教程资料站 www.kexuncms.cn 欢迎您的登陆!!
以下内容只有回复后才可以浏览,请先登录!
官方模板中自带了一段JS用来控制文章中的图片的最大高度和宽度。不过我也很奇怪,为什么这个js有时候好用有时候并不好用,这个问题我研究了很久,不得而终。
<SCRIPT language=JavaScript type=text/JavaScript>
今天,又一个模板怎么着这段js都不起作用,没办法,百度了一下,找到一段CSS可以完美解决这个问题。不敢独享,特发上来与大家一同分享。 CSS代码如下: [replyview]#Article_Content img {width: expression(this.width > 560 ? 560: true); max-width: 560px;} [/replyview]
其中#Article_Content 改成你的文章内容处使用的div 的id 其中“560”改成你需要的宽度。
IE测试通过。火狐2测试通过。
说明,鼠标滚动自动缩放图片用这个css是无法做到的。不过这个功能基本没用。 |
|
支持(1) | 反对(0) 顶端 底部 |
alexalex007 发表于:2010/6/18 17:54:00 | 只看该作者 查看该作者主题
沙发
|
|
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
<上一主题 | 下一主题 > |