首页 > 其他 > 详细

让IE6支持min-width和max-width的方法

时间:2016-09-23 11:19:43      阅读:155      评论:0      收藏:0      [点我收藏+]

正如君所想象的一样,同实现层的fixed一样,用的是expression语句。例如div#demo在:

IE6下最小宽度300px:

*html div#demo {
width:expression((document.documentElement.clientWidth||document.body.clientWidth) > 300? "300px": "auto" );
}

 

 

*html div#demo {
width:expression(this.width > 300 ? "300" : true);
}

 

IE6下最大宽度500px:

 

*html div#demo {
expression((document.documentElement.clientWidth||document.body.clientWidth) > 500?"500px":"");
}

 

 

*html div#demo {
expression(this.width < 500 ? "500" : true);
}

 

IE6下最小宽度300px、最大宽度500px:

 

*html div#demo {
expression(this.scrollWidth > 500 ? "500px" : (this.scrollWidth < 300? "300px" : "auto"));
}

 

expression这种东西不建议轻易使用,比较消耗浏览器资源。另外也不建议都写在一个容器中,直接使用类似*html另起一个容器,以后无论查找还是维护都很方便。

 

JS方法:

 

这还是水脉烟香2010年写的一个js插件,让 IE6 及其以下版本支持 CSS 中 min/max-width/height 属性,托管谷歌的下载地址:minmax.js4.6 KB 直接下载js,然后调用即可:

 

<!--[if lt IE 7]> 
	<script type="text/javascript" src="minmax.js"></script> 
<![endif]-->

让IE6支持min-width和max-width的方法

原文:http://www.cnblogs.com/huangf714/p/5899100.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!