max-width與min-height不被IE6支持的處理方法

我們常常為了設(shè)置一個(gè)頁面最小高度來實(shí)現(xiàn)整頁內(nèi)容未充實(shí)情況下也顯示的美觀，有時(shí)設(shè)置圖片最大寬度不撐破設(shè)置的寬度，我們就可以設(shè)置一個(gè)最小高度使用min-height 來實(shí)現(xiàn)，設(shè)置最大寬度限制使用CSS屬性中max-width來實(shí)現(xiàn)。但是問題來了IE7及以上版本支持，但是唯有IE6不支持min-height ，MAX-height 、max-width、min-width,怎么辦呢？

DIVCSS5介紹一種使用css hack來解決，大家知道一般我們對(duì)對(duì)象設(shè)置寬度或高度，如果圖片或內(nèi)容大于設(shè)置的寬度IE6就會(huì)撐破設(shè)置的寬度和高度，這是我們可以利用這一點(diǎn)加上IE6獨(dú)特CSS識(shí)別符合“_”來解決問題

比如我們一個(gè)網(wǎng)頁要設(shè)置個(gè)最小高度為500px才好看，但是IE6不支持怎么辦呢？
正好我們就利用CSS屬性從左到右讀取、從上到下的重復(fù)屬性替換最下最右的CSS屬性值。

具體CSS代碼如下：

.div{min-height:500px;_height:500px;}

注意：一定注意順序，前者IE7及以上所有IE、火狐、谷歌都支持，后者只有IE6支持辨認(rèn)，正好利用了此CSS HACK和CSS讀取先后順序來解決此問題。

當(dāng)然還有直接以下CSS代碼：

.div{height: expression(this.height> 500 ? 500 : true);  max-height: 500px;}

但是此CSS代碼會(huì)引起圖片加載后不能正常顯示（圖片隨機(jī)會(huì)被縮小無法正常顯示）

所以我們推薦使用min-height:500px;_height:500px;來解決IE6不能max和min屬性的問題。

相信看了這些案例你已經(jīng)掌握了方法，更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！

相關(guān)閱讀：

駝峰命名與JS的問題解答

JS里的布爾值、關(guān)系運(yùn)算符、邏輯運(yùn)算符的詳解及實(shí)例

前端的js框架總結(jié)以及用途講解

以上就是max-width和min-height不被IE6支持的解決方法的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！