解決IE6不支持max-height的bug發布者:本站 時間:2020-05-16 09:05:55
罪惡的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的判斷,完整代碼如下:
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 }
當然你也可以通過css表達式來實現IE6支持max-height屬性
view source
?
1 .entry{
2 height: expression( this.scrollHeight > 500 ? "500px" : "auto" ); /* sets max-height for IE */
3 }
選擇我們,優質服務,不容錯過
1. 優秀的網絡資源,強大的網站優化技術,穩定的網站和速度保證
2. 15年上海網站建設經驗,優秀的技術和設計水平,更放心
3. 全程省心服務,不必擔心自己不懂網絡,更省心。
------------------------------------------------------------
24小時聯系電話:021-58370032