解決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ò)設(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的判斷,完整代碼如下:
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 }
當(dāng)然你也可以通過(guò)css表達(dá)式來(lái)實(shí)現(xiàn)IE6支持max-height屬性
view source
?
1 .entry{
2 height: expression( this.scrollHeight > 500 ? "500px" : "auto" ); /* sets max-height for IE */
3 }
選擇我們,優(yōu)質(zhì)服務(wù),不容錯(cuò)過(guò)
1. 優(yōu)秀的網(wǎng)絡(luò)資源,強(qiáng)大的網(wǎng)站優(yōu)化技術(shù),穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心
3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。
------------------------------------------------------------
24小時(shí)聯(lián)系電話(huà):021-58370032