Vyjadrenie IT

Na niekoľkých príležitostiach, zatiaľ čo robí rozvrhnutie stránok s vyskakovacie divíziou Lightbox / etc / Tipy dostávame do situácií, keď niektoré formulári vyberte objekty sa stane, že na základe týchto POPUP divízie, a to podľa návrhu presvitá .... Yuk!

No! môžete ľahko opraviť tým, že nastaví svoje Z-INDEX hodnoty primerane pre FF a IE7. Ale dobrý starý (slovná hračka určená) IE6 sa nespráva ako má .... SELECT BOX presvitať, a to aj po inštalácii niektoré výrazne vysoké hodnoty Z-INDEX na váš PopUp divízie ... Bummer!!

Tam sú NO OPRAVY tohto problému, ale tam sú, myslím, viac než pár spôsob obídenia tohto problému, ale im tu, aby som vám čo najjednoduchšie riešenie, ktoré ju používam, ktorý pracuje dobre pre mňa, vo väčšine prípadov ....

"Skryť ROUGE okne Vybrať KEĎ ZOBRAZIŤ POPUP"

Jednoducho v skripte úryvku, kde môžete ukázať svoje okno, pridajte kúsok skriptu nastaviť viditeľnosť SELECT políčko "Skrytý"

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

A nezabudnite nastaviť späť na sklonku svojho PopUp divízie

. Document.getElementById ('my_select ") style.visibilty =" viditeľné ";

kde "my_select" je ID podráždenie okne Vybrať

Dúfam, že to pomôže ...

PS. Samozrejme existujú aj iné možnosti, ako je dynamicky positionining IFRAME (rovnaký rozmer ako ste popup) pod Popup DIV ... To dobre funguje taky, ale s prídavkom zaťaženia DOM elementov, Skripty a bolesť hlavy. Použil som toto riešenie príliš, a keď potrebujeme pomôcť s touto voľbou, dajte mi vedieť. Vám radi pomôžeme!

Pre deti, som premýšľal konsolidovať všetky osvedčené postupy, som čítal tu a tam. Konečne! Ja som dostať dole, aby to pero. Uvedomil som si, že to bude mamutie úlohu vytvorenie tejto mamutie dokument, tak som sa rozhodla venovať celú kategóriu, takže som mohol držať pridanie veci o osvedčených postupoch ako a keď som sa s nimi stretnúť ...

No! Obsah tu bude zlúčenie mojich osobných UI praktiky rozvoja osvedčených s tými, napísal štandardných vývojári ako Yahoo, Google a pod

Sledujte tento priestor a udržať browing na Best Practices kategórie

Obnoviť CSS je / sú CSS nastaviť rad prvkov štýlov na konkrétne predvolené, ktorý vytvára súlad v rôznych prehliadačoch.

Všetci sme boli cez nočné mory písanie cross-browser CSS je. Takže keď začneme písať naše CSS, je zvykom obnoviť najprv odstrániť / reset žiadne krížovej prehliadača nezrovnalosti. Obnoví CSS, sú jednoduché pár riadkov CSS, ktoré si začínajú svoje CSS s, čo vám čistý základ pre spustenie na budovanie svoje.

CSS resetuje, že som normálne inklinujú k použitiu vyzerá takto

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: normálne;
}

Obnoviť prehliadača veľkosť písma
Tiež si všimnite, reset, ktoré boli použité na veľkosť písma prehliadača v nasledujúcom riadku ...

html {font-size: 76%;}

Vyššie CSS obnoví prehliadača veľkosť písma na 10 bodov, a to umožňuje pracovať s relatívnou veľkosťou písma (čo je každý dôležitý z dodržiavania WAI prespective)
Pre napr v tejto definícii, je font-size v rozpätí stanovená na 10 pixelov a že v paragarph je nastavená na 14 bodov ...

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