Sealyu

--- 博客已迁移至: http://www.sealyu.com/blog

  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  618 随笔 :: 87 文章 :: 225 评论 :: 0 Trackbacks
IE6、IE7、FireFox CSS兼容的min-height语法（转）

老旧的IE6不支持很多CSS语法，而其中的一些又是非常有用的，例如min-height、min-width、max-height、max-width等。利用IE独有的样式表达式语法就能解决这一问题。

position: fixed;
#position: fixed;
_position: absolute;
第一排给Firefox以及其他浏览器看
第二排给IE7（可能以后的IE8、IE9也是如此，谁知道呢）看
第三排给IE6以及更老的版本看

IE支持表达式，例如
width: expression(this.width > 200 ?? "200px"? :? this.width + "px")
这是IE独有的方法

利用表达式解决IE6不支持min-height、min-width、max-height、max-width等的解决办法

查看源代码
打印帮助
01 /**min-height**/
02 img {
03 min-height:200px;
04 _height:expression(this.height < 200 ? "200px" : this.height+"px");
05 }
06 /**max-height**/
07 img {
08 max-height:200px;
09 _height:expression(this.height > 200 ? "200px" : this.height+"px");
10 }
11 /**min-width**/
12 img {
13 min-width:200px;
14 _width:expression(this.width< 200 ? "200px" : this.width+"px");
15 }
16 /**max-width**/
17 img {
18 min-width:200px;
19 _width:expression(this.width> 200 ? "200px" : this.width+"px");
20 }

posted on 2010-03-18 09:56 seal 阅读(787) 评论(0)  编辑  收藏 所属分类: CSS

只有注册用户登录后才能发表评论。
网站导航: