解決IE6不支持max-height的bug發(fā)布者：本站     時(shí)間：2020-05-16 09:05:55

罪惡的IE6不支持max-height屬性，不過(guò)我們可以通過(guò)jQuery來(lái)解決IE6不支持max-height，jQuery的代碼如下：
1 $(".entry").each(function(){
2     if($(this)[0].scrollHeight>500)
3     $(this).css({"height":"500px"});
4 });
原理: 在IE6中可以通過(guò)設定height來(lái)達到max-height的效果. 循環(huán)所有要加max-height屬性的DOM元素,判斷他的scrollHeight大于你要設置的最大高度 如果超過(guò)了就通過(guò)設置height為最大高度，我這里使用的是[0]，獲取的是的DOM對象，而不是jQuery對象，詳細說(shuō)明見(jiàn)：《jQuery選擇器使用詳解》
上面的代碼還沒(méi)有加入IE6的判斷,完整代碼如下:
1 if($.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 }
當然你也可以通過(guò)css表達式來(lái)實(shí)現IE6支持max-height屬性
view source
?
1 .entry{
2     height: expression( this.scrollHeight > 500 ? "500px" : "auto" ); /* sets max-height for IE */
3 }