Wyrażając

Przy wielu okazjach, podczas wykonywania układów stron z popup działów / Lightboksy / porady itp spotykamy sytuacje, w których pewne formy SELECT obiekty akurat jest w tych Podręczne wydziałów, zgodnie z projektem i to widać przez .... YUK!

Dobrze! można łatwo naprawić to, dostosowując z-index wartości odpowiednio dla FF i IE7. Ale Good Old (pun przeznaczone) IE6 nie zachowują się zgodnie z planem .... SELECT Pokaż BOX poprzez, nawet po zastosowaniu niektórych drastycznie wysokie z-index wartości twój Division PopUp ... Bummer!!

Nie ma Poprawki do tego problemu, ale są, moim zdaniem, więcej niż kilka sposób na obejście tego problemu, ale jestem tutaj, aby powiedzieć Ci najprostsze rozwiązanie, które używam, która działa dobrze dla mnie, w większości przypadki ....

"Ukrywanie pola ROUGE SELECT Kiedy pokazujesz POPUP"

Po prostu w swoim fragment skryptu, w którym pokazują się popup, dodać kawałek skryptu aby ustawić widoczność polu Wybierz do "Ukryte"

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

I pamiętaj, aby ustawić go z powrotem na koniec wyskakujących Division

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

gdzie "my_select" jest identyfikator podrażnienia polu SELECT

Mam nadzieję, że to pomaga ...

PS. Istnieją inne opcje, takie jak ofcourse dynamicznie positionining ramki IFRAME (te same rozmiary jak ty PopUp) pod Popup DIV ... To działa zbyt dobrze, ale z dodatkiem obciążeń DOM Elements, skrypty oraz bóle głowy. Użyłem tego rozwiązania zbyt, a jeśli nie potrzebujesz pomocy z tą opcją, daj mi znać. Chętnie pomożemy!

Przez wieki, mam myśleć skonsolidować wszystkie najlepsze praktyki, Czytam co jakiś czas. Wreszcie! I nie schodzić się wprowadzić go do pióra. Uświadomiłem sobie, że to będzie ogromne zadanie tworzenia tego mamuta dokument, więc zdecydowałem się poświęcić całą kategorię do niej, więc mogłem trzymać dodając rzeczy na temat najlepszych praktyk, jak i kiedy je spotkać ...

Dobrze! Zawartość tutaj będzie połączenie z moich osobistych rozwoju Praktyk UI najlepsze z tych, napisany przez standardowe deweloperów, takich jak Yahoo, Google itp.

Watch this space i zachować browing na Najlepszego Kategoria Practices

Resetowanie CSS jest / są CSS ustalić liczbę stylów elementów do konkretnej wartości wyjściowej, która tworzy spójność w różnych przeglądarkach.

Wszyscy byli przez koszmary pisania cross-browser CSS-tych. Kiedy więc zacząć pisać nasz kod CSS, to jest praktyka, aby zresetować go najpierw usunąć / wyzerować wszystkie krzyżowe niespójności przeglądarki. CSS Resetuje, są proste kilka linijek CSS, aby rozpocząć z CSS, co daje czystą bazę do rozpoczęcia budowania na.

CSS resetuje, że zazwyczaj mają tendencję do używania wygląda tak

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

Resetować rozmiar czcionki przeglądarki
Należy również pamiętać, reset, który został zastosowany do rozmiaru czcionki przeglądarki w kolejnym wierszu ...

html {font-size: 76%;}

Powyżej CSS resetuje rozmiar czcionki przeglądarki na 10 pikseli, a to pozwala na pracę z względnych rozmiarów czcionek (co jest każdy ważny od spełnienia WAI prespective)
Na przykład, w następującej definicji, font-size w okres jest ustawiony na 10 pikseli i że w paragarph jest ustawiona na 14 pikseli ...

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