发新话题
打印

[分享] CSS框架锁住图片大小

本主题由 月上之木 于 2008-6-22 19:44 移动

CSS框架锁住图片大小

希望能对大家有用,z-blog没有微缩图片的功能,在某些情况下文章内的图片会把整个界面撑破
<!----涉及文件---->
你的主页CSS文件,自己去THEMES找找,里面应该有1或2个CSS文件
<!----放置方式---->
任意一行代码结束或者在post中插入

<!----CSS代码---->
首先放入:
引用:
img {     
max-width: 400px; width:expression(this.width > 400 ? "460px" : this.width)   
}
上面的代码只在IE6.0以上 有用
火狐和其他的浏览器无视.....
则我们需要插入以下代码:
引用:
Example Source Code

  .thumbImage{
  max-width:50px;
  max-height:50px;
  }
  *html.thumbImage{
  width:expression(this.width>40&&this.width>this.height?40:auto);
  height:expresion(this.height>40?40:auto);
  }
上面的代码是针对IE6.0或者更老的版本设计,火狐等第三方浏览器保证锁住图片大小.
应用了CSS缩图代码之后表情的图片大小也没法使用了,保持了界面的美观,失去了表情.并不是很完美.......
希望官方能够加入缩图组件....
我的博客 http://www.lsza.net/blog Serve程序员的狗窝 欢迎来访

[ 本帖最后由 lsza 于 2008-6-22 18:44 编辑 ]

TOP

复杂了,而且只定义img那么blog所有图片都会缩小,而且一般定义max-width就够了,ff也支持max-width。

TOP

发新话题