IT kifejezése

Több alkalommal, eközben oldalelrendezések felugró megosztottságot / albumok / etc Tippek találkozhatunk olyan helyzetekben, amikor valamilyen formában SELECT tárgyak történik, hogy az e POPUP osztályok, tervezési és ez átüt .... Yuk!

Nos! akkor könnyen kijavítani ezt beállítani a z-index értékeket megfelelően az FF és az IE7. De a jó öreg (szójáték szándékozott) IE6 nem úgy viselkedik, mint szánták .... A legördülő lista segítségével mutatják, még azután is alkalmaz valamilyen drasztikusan magas z-index értékeket a popup osztály ... A fenébe!

Jelenleg nem jelentek meg javítások ezt a problémát, de vannak, azt hiszem, több, mint néhány munkába menet-körül ez a probléma, de Im itt, hogy elmondjam a legegyszerűbb megoldás, hogy használjam, ami jól működik nekem, a legtöbb esetben ....

"Elrejtése ROUGE SELECT listában, akkor megjeleníti a POPUP"

Egyszerűen a script kódrészletet mutatni, ahol a popup, adjunk hozzá egy darab szkriptet láthatóságát beállítja a legördülő lista a "Rejtett"

document.getElementById ('my_select "). style.visibilty =" rejtett ";

És ne feledd, hogy állítsa vissza a Close a PopUp osztály

document.getElementById ('my_select "). style.visibilty =" látható ";

ahol "my_select" az ID-irritáció SELECT Box

Remélem ez segít ...

PS. Vannak persze más lehetőségek, mint dinamikusan positionining IFRAME-ben (akkora, mint te PopUp) a Popup DIV ... Ez jól működik is, de egy hozzáadásával rengeteg DOM elemek, szkriptek és fejfájás. Én használtam ezt a megoldást is, és ha mégis segítségre van szüksége ezzel az opcióval, ne szólj. Szívesen segítünk!

A korok, már gondoltam, hogy megszilárdítsa a legjobb gyakorlatokat, Olvastam hébe-hóba. Végre! Én most az tegye a tollat. Rájöttem, hogy ez lesz mamut feladat létrehozásában mamut dokumentum, ezért úgy döntöttem, hogy szentelje a teljes kategóriát, így tudtam tartani a cucc hozzá a legjobb gyakorlatok és amikor találkozom velük ...

Nos! A tartalom itt lesz egyesítésével az én személyes UI legjobb fejlesztési gyakorlat azokkal írta a standard fejlesztők, mint a Yahoo, Google, stb

Nézd ezt a helyet, és folyamatosan browing a Best Practices Kategória

A CSS Reset-et / a CSS-be több elem stílusok egy adott kiindulási, amely létrehozza a különböző böngészők egységességét.

Mindannyian voltak a rémálmok keresztül az írás cross-browser CSS években. Tehát amikor elkezdjük írni a CSS-t, ez a gyakorlat visszaállításához először eltávolítani / reset minden kereszt böngésző ellentmondásokat. Visszaállítja CSS, egyszerű pár sornyi CSS, hogy kezdje el a CSS, így egy tiszta bázis kezdjék építeni a után.

A CSS visszaállítja, amit általában hajlanak arra, hogy így néz ki

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
html {font-size: 76%;}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}

ol, ul {
list-style: none;
}

H1, H2, H3, H4, H5, H6 {
font-size: 100%;
font-weight: normal;
}

Állítsa vissza a böngésző betűméret
Szintén fontos megjegyezni, hogy a reset került sor a böngésző betűméret a következő sort ...

html {font-size: 76%;}

A fenti CSS visszaállítja a böngésző betűméret 10 pixel, és ez lehetővé teszi, hogy működjön együtt a relatív betűméretek (ami minden fontos egy WAI megfelelés prespective)
Mert például a következő meghatározást, font-size egy span van beállítva, hogy 10 pixel, és hogy a alpont van beállítva, hogy 14 pixel ...

span {font-size: 1em;}
p {font-size: 1.4em;}