IE6不支持max-height的解決方法

罪惡的IE6不支持max-height屬性，不過(guò)我們可以通過(guò)jQuery來(lái)解決IE6不支持max-height，jQuery的代碼如下：

$(".entry").each(function(){
if($(this)[0].scrollHeight>500)
$(this).css({"height":"500px"});
});
原理: 在IE6中可以通過(guò)設(shè)定height來(lái)達(dá)到max-height的效果. 循環(huán)所有要加max-height屬性的DOM元素,判斷他的scrollHeight大于你要設(shè)置的最大高度 如果超過(guò)了就通過(guò)設(shè)置height為最大高度，我這里使用的是[0]，獲取的是的DOM對(duì)象，而不是jQuery對(duì)象，詳細(xì)說(shuō)明見(jiàn)：《jQuery選擇器使用詳解》

上面的代碼還沒(méi)有加入IE6的判斷,完整代碼如下:

if($.browser.msie&&($.browser.version === "6.0")){
$(".entry").each(function(){
if($(this)[0].scrollHeight>500)
$(this).css({"height":"500px","overflow":"hidden"});
});}
當(dāng)然你也可以通過(guò)css表達(dá)式來(lái)實(shí)現(xiàn)IE6支持max-height屬性

.entry{
//我燒驗(yàn)證woshao_985140e4b71711df9e5e000c295b2b8d
height: expression( this.scrollHeight > 500 ? "500px" : "auto" ); /* sets max-height

原文：http://www.js8.in/606.html

生活不易，碼農(nóng)辛苦
如果您覺(jué)得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)