CSS Browser Salib Minimu Għoli Hack

Post IE 6, MSIE kien xorta biżżejjed biex lilna iżviluppaturi UI billi żżid ftit proprjetajiet ftit aktar CSS standard li ħafna browsers standard oħra. Wieħed proprjetà utli tali "min-għoli". Proprjetà pjuttost ħafif li teħtieġ ebda spjegazzjoni għal xejn b'xejn twil. Meta min-għoli għal diviżjoni huwa stabbilit, dejjem żżomm dak l-għoli sett meta l-kontenut huwa djar tokkupa inqas milli tista 'żżomm u importanti (b'differenza mill-pjanura vanilla "għoli" proprjetà) iskali jew fi kliem CSS, dan iġib ruħu bħala diviżjoni li "għoli" huwa ssettjat għal "auto" ...

Għal xi minna iżviluppaturi foqra, li għadhom huma meħtieġa għall-kodiċi CSS li għandu wkoll jaħdmu IE6, un disponibbiltà tal-"min-għoli", jista 'jinħass tapp juru f'xi ... disprament donot.

Fortunatament, għandna quirks biżżejjed fil IE, li aħna se tuża għall-vantaġġ out u Hack mod tagħna permezz biex jilħqu mira tagħna ... jiġifieri jagħmlu diviżjoni DIVIŻJONI bħallikieku tagħha min-għoli fil IE6

Soluzzjoni 1: Uża l-Hack jenfasizzaw [ ... Aqra iktar ]

.box1 {
min-height: 200px;
height:auto;
_height:200px;
}

HTML: -
<div class="box1">Some dynamic content with variable height ...</div>


Soluzzjoni 2: Uża l-attributi tas-CSS selettur Hack

.box2 {
min-height:200px;
height:200px;
}
div[class] .box2 {
height:auto;
}

HTML: -
<div class="someclass">
<div class="box2 common">Some dynamic content with variable height ...</div>
</div>

Il-attributi tas-CSS selettur Hack jieħu vantaġġ mill-fatt l-browsers aktar kmieni IE6 THA injorati 1 atribute-selettur. Innota l-ħtieġa ta 'taqsima oħra kontenitur mal-klassi = "someclass". Biss il-presense 'l-attribut klassi għal din id-diviżjoni, tipprevali l-għoli lura għall-karozzi għall Opera, Mozilla u MSIE7 u aktar tard. IE6, li ma tappoġġjax seletturi atribute, tinjora dan.

Ara Demo tal-Hack min-għoli għall IE6



Ħalli Irrispondi

NDK dar | Jesprimi IT | palat Jesprimi | Penmenship Jesprimi | Awe Jesprimi | Jesprimi Myself