Ilmaista sitä

Useasti, kun teet sivuasettelut kanssa popup osastojen / valopöytien / Vinkkejä jne. Olemme törmänneet tilanteisiin, joissa jonkinlainen Valitse objektit sattuu olemaan näissä POPUP toimialojen suunniteltu ja se näkyy läpi .... Yök!

No! voit helposti korjata tämän muuttamalla Z-indeksin arvot asianmukaisesti FF ja IE7. Mutta Good Old (pun tarkoitettu) IE6 ei toimi tarkoitetulla tavalla .... SELECT BOX näkyy läpi, vaikka asentamisen jälkeen jotkut rajusti korkea Z-INDEX arvoja ponnahdusikkunoiden Division ... Bummer!!

EI ole PISTEET tähän ongelmaan, mutta uskoakseni enemmän kuin muutama työmatka-kiertää tämän ongelman, mutta Im täällä kertoa yksinkertaisin ratkaisu, jota käytän, joka toimii hyvin minulle, useimmissa tapauksissa ....

"Piilota ROUGE SELECT BOX Kun näytät POPUP"

Yksinkertaisesti sinun script katkelmassa, jossa näytät popup, lisää pala käsikirjoituksen asettaa näkyvyyttä SELECT Box on "näkymätön"

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

Muista asettaa se takaisin päättyessä ponnahdusikkunoiden Division

document.getElementById ("my_select '). style.visibilty =" näkyvä ";

missä "my_select" on tunnus ärsytystä SELECT Box

Toivottavasti tämä auttaa ...

PS. On tietysti muita vaihtoehtoja, kuten dynaamisesti positionining IFRAME (samaa kokoa kuin sinä PopUp) mukaan Popup DIV ... Tämä toimii hyvin myös, mutta lisätty kuormien DOM Elements, skriptit ja päänsärky. Olen käyttänyt tätä ratkaisua myös, ja jos et tarvitse mitään apua tämän vaihtoehdon, älä kerro minulle. On ilo auttaa!

Kautta aikojen olen ajatellut yhdistää kaikki parhaat käytännöt, olen lukenut aina silloin tällöin. Vihdoinkin! En päästä alas laittaa sen kynään. Tajusin, että se tulee olemaan valtava tehtävä luoda tähän mammutti asiakirja, joten päätin omistaa koko luokka sitä, niin voisin pitää lisätä juttua parhaista käytännöistä ja kun minä kohdata niitä ...

No! sisältö tässä on yhdistetty oma UI kehityspolitiikan parhaiden käytäntöjen kanssa laatinut standardin kehittäjät kuten Yahoo, Google jne.

Tilaihme ja pitää browing Best Practices Luokka

CSS Reset on / ovat CSS määrittää useita elementin tyylejä perusindikaattorit joka luo yhdenmukaisempia eri selaimissa.

Olemme kaikki olleet kautta painajaiset kirjoittamisen rajat selaimen CSS-luvulla. Joten kun alamme kirjoittaa myös CSS, se on käytäntö palauttaa se ensin poistaa / nollata cross selain epäjohdonmukaisuuksia. CSS Nollaa, ovat yksinkertaisia ​​muutaman rivin CSS aloitat CSS kanssa, antaa sinulle puhdas pohja alkaa rakentaa heti.

CSS nollaa, että olen yleensä käyttävät yleensä näyttää tältä

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: normaali;
}

Palauta selaimen fonttikokoa
Huomaa myös reset joka on otettu käyttöön selaimen fontin koko seuraava rivi ...

html {font-size: 76%;}

Edellä CSS nollaa selaimen fonttikoko on 10 pikseliä, mikä mahdollistaa työskennellä suhteellisen fonttikoot (mikä on aina tärkeää WAI noudattamisesta prespective)
Esim. seuraavassa määritelmässä, font-size in span on asetettu 10 pikseliä ja että paragarph on asetettu 14 pikseliä ...

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