注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

背归鸿

博闻强记,厚积薄发!

 
 
 

日志

 
 

css实现ie6下最大,最小宽/高度  

2012-01-20 17:20:50|  分类: css |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

最大宽/高

IE6无法认读max-width,max-height属性,但IE支持自己javascript的属性表达,
例如
div{width:expression(250+"px")}和div{widt:250px}

在IE 的认读中都是一致的!

但是,如果在用户在浏览器禁用javascript,那么我们的写法就失败了。
所以,我们换种方式写,解决上面出现的失败现象。

* html div#division
width: expression( document.body.clientWidth > 776 ? "777px" : "auto" );
/* sets max-width for IE  为IE设置最宽值*/

max-width: 777px;/* this sets the max-width value for all standards-compliant browsers */
}

 

* html div#division {
   width: expression( document.body.clientWidth > (500/12) * parseInt(document.body.currentStyle.fontSize) ? "33em" : "auto" );
   max-width: 33em;
/* this sets the max-width value for all standards-compliant browsers */
}

 最小宽高可以用类似的方式实现,如下:

* html div#division {
   width: expression( document.body.clientWidth < 334 ? "333px" : "auto" );
/* set min-width for IE 为IE设置宽度最小值*/
   min-width: 333px;
/* sets min-width value for all standards-compliant browsers */
}

 

* html div#division {
   height: expression( this.scrollHeight > 332 ? "333px" : "auto" );
* sets max-height for IE 为IE设置高度最大值*/
   max-height: 333px;
/* sets max-height value for all standards-compliant browsers */
}

 

* html div#division {
   height: expression( this.scrollHeight < 334 ? "333px" : "auto" );
/* sets min-height for IE 为IE设置高度最小值*/
   min-height: 333px;
/* sets min-height value for all standards-compliant browsers */
}

  评论这张
 
阅读(248)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018