您现在的位置是：首页 > 博客网站制作 > 心得笔记心得笔记

让IE6支持max-width, max-height属性

杨青2012-11-02【心得笔记】人已围观

简介 max-width, min-width, max-height 和 min-heigh是CSS2的属性，它工作于IE7以及更高版本和或者Mozilla Firefox、Chrome等支持CSS2的浏览器，但不能与IE 6和更低版本IE浏览器兼容

max-width, min-width, max-height 和 min-heigh是CSS2的属性，它工作于IE7以及更高版本和或者Mozilla Firefox、Chrome等支持CSS2的浏览器，但不能与IE 6和更低版本IE浏览器兼容。

比较常用的解决方案是通过CSS表达式让IE6实现相同的效果。

例如：如果你有一个或多个图像，显示图像的高度和宽度应该有一些限制。即图像不应该有宽度超过500px（假设），高度不超过200px，那么图像的CSS应为如下：

img{ 

max-height:200px;max-width:500px; 

width:expression(document.body.clientWidth > 500? "500px": "auto" );  /*for ie6*/ 

height:expression(document.body.clientHeight > 200? "200px": "auto" );  /*for ie6*/

 }

 

Tags：IE6   max-width   max-height

很赞哦！ ()

上一篇：两列DIV高度自适应方法汇总

下一篇：关于asp、php、asp.net、jsp的学习心得、介绍及优缺点比较

相关文章

随机图文

文章评论

点击排行

【匆匆那些年】总结个人博客经历的这四年…

本站推荐

帝国cms怎样修改列表分页函数

标签云

猜你喜欢

站点信息

  • 建站时间：2011年01月12日
  • 网站程序：帝国CMS7.5
  • 主题模板：《今夕何夕》
  • 文章统计：625篇文章
  • 标签管理：标签云
  • 微信公众号：扫描二维码，关注我们