如何图片太大撑破表格图片自适应图片按比例缩小问题
打开skin/default/css/style.css,
css里加这个
img {
max-width:560px;
myimg:expression(onload=function(){
this.style.width=(this.offsetWidth > 560)?"560px":"auto"}
);
}
上边的代码在默认情况下是控制整个网站的,这样就出现一个问题, 首页中间的长图片条也被缩小了。 可以用下边的思路解决问题。
我们可以给不同的内容模板设置不同的css文件。如“默认新闻内容模板 ”页,打开它,将
<link href="[!--news.url--]skin/default/css/style.css" rel="stylesheet" type="text/css" />
改成:
<link href="[!--news.url--]skin/default/css/newstyle.css" rel="stylesheet" type="text/css" />
然后再进入skin/default/css,复制一个style.css,并将复制的文件改成newstyle.css, 然后再打开newstyle.css, 将 img css控制代码改成:
img {
max-width:560px;
myimg:expression(onload=function(){
this.style.width=(this.offsetWidth > 560)?"560px":"auto"}
);
}
这样就不要改style.css中的img css了。
Last edited by topvip : 2014-03-29 at 07:58 AM
|