解决IE6不支持max-height的bug

罪恶的IE6不支持max-height属性,不过我们可以通过jQuery来解决IE6不支持max-height,jQuery的代码如下:
1$(".entry").each(function(){
2 if($(this)[0].scrollHeight>500)
3 $(this).css({"height":"500px"});
4});
原理: 在IE6中可以通过设定height来达到max-height的效果. 循环所有要加max-height属性的DOM元素,判断他的scrollHeight大于你要设置的最大高度 如果超过了就通过设置height为最大高度,我这里使用的是[0],获取的是的DOM对象,而不是jQuery对象,详细说明见:《jQuery选择器使用详解》
上面的代码还没有加入IE6的判断,完整代码如下:
1if($.browser.msie&&($.browser.version === "6.0")){
2 $(".entry").each(function(){
3 if($(this)[0].scrollHeight>500)
4 $(this).css({"height":"500px","overflow":"hidden"});
5 });
6}
当然你也可以通过css表达式来实现IE6支持max-height属性
view source
?
1.entry{
2 height: expression( this.scrollHeight > 500 ? "500px" : "auto" ); /* sets max-height for IE */
3}

创新互联从2013年成立,是专业互联网技术服务公司,拥有项目网站建设、成都网站建设网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元滦平做网站,已为上家服务,为滦平各地企业和个人服务,联系电话:18982081108


网页题目:解决IE6不支持max-height的bug
标题路径:http://bzwzjz.com/article/sijhes.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 高端网站建设 成都品牌网站设计 重庆网站制作 企业网站设计 宜宾网站设计 响应式网站设计 手机网站制作 网站制作 成都网站建设 营销型网站建设 阿坝网站设计 成都定制网站建设 成都网站建设 网站建设方案 网站设计制作报价 网站制作 网站设计制作 企业网站设计 成都商城网站制作 成都网站建设 重庆企业网站建设 成都网站制作