Duke shprehur IT

Në disa raste, duke bërë Layouts faqe me ndarjet Popup / lightboxes / Këshilla etj ndeshemi me situata ku disa objekte Formoni SELECT ndodh të jetë nën këtyre Divizioneve popup, me dashje dhe kjo tregon përmes .... Yuk!

E pra! ju lehtë mund të rregullojmë këtë, duke rregulluar vlerat Z-index tuaja në mënyrë të përshtatshme për FF dhe IE7. Por mirë Vjetër (lojë fjalësh qëllim) IE6 nuk sillet si qëllim .... Emisioni SELECT BOX përmes, edhe pasi që ju aplikoni disa në mënyrë drastike të larta Z-index vlerave të Division tuaj Popup ... zhgënjim!

Nuk ka rregullime për këtë problem, por nuk janë, besoj, më shumë se një mënyrë pak për të punuar rreth këtij problemi, por Im këtu për t'ju thënë zgjidhje të thjeshtë që kam përdorur, i cili punon mirë për mua, në shumicën e raste ....

Msgstr "Fshih Kutin ZGJIDH Rouge kur ju tregoni Popup"

Thjesht në copë tuaj shkrimit ku ju tregoni popup tuaj, shtoni një pjesë e shkrimit për të vendosur dukshmërinë e Kutisë SELECT për të "fshehur"

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

Dhe mbani mend për të vendosur atë përsëri në fund të Divizionit tuaj Popup

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

ku "my_select" është ID e Kutisë acarim SELECT

Hope this helps ...

PS. Ka opsione të tjera si ofcourse dinamike positionining një (madhësia e njëjtë si ju Popup pëlqeu iframe nën DIV Popup ... Kjo punon shumë mirë, por me shtimin e ngarkesa të Elemente DOM, scripts dhe dhimbje koke. Unë kam përdorur këtë zgjidhje shumë, dhe nëse ju keni nevojë për ndonjë ndihmë me këtë opsion, nuk më lejoni të dinë. Do të jetë i gatshëm për ndihmë!

Për moshat, unë kam menduar për të konsoliduar të gjitha praktikat më të mira, unë kam qenë duke lexuar çdo tani dhe pastaj. Së fundi! Unë e kam marrë poshtë për ta vënë atë në penë. Kam kuptuar se Ai do të jetë detyrë vigan krijuar këtë dokument mamuth, kështu që vendosa të kushtoj një kategori të tërë me të, kështu që unë mund të mbani duke shtuar gjëra në lidhje me praktikat më të mira si dhe kur i shihni ata ...

E pra! Përmbajtja këtu do të jetë një shkrirje e mia praktikat e zhvillimit personale UI të mira me ato të shkruara nga zhvilluesit standarde si Yahoo, Google etj

Shikojnë këtë hapësirë ​​dhe për të mbajtur browing e mirë Category Praktikat

Një Reset CSS i / CSS janë të vendosur një numër të stileve element në një bazë të veçantë që krijon qëndrueshmëri të gjithë shfletuesit të ndryshme.

Ne të gjithë kemi qenë përmes këqija të shkruar ndër-browser-së CSS. Pra, kur ne të filloni të shkruani CSS tonë, është një praktikë për të rivendosur atë më parë për të hequr / rivendosur ndonjë mospërputhje kryq shfletuesit. CSS Rivendos, linja të thjeshta pak CSS se ju fillojnë CSS tuaj me, duke ju dhënë një bazë të pastër për të filluar ndërtimi i juaj mbi të.

Rivendos CSS se unë zakonisht priren të përdorin duket si ky

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 {
lista-style: none;
}

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

Reset font size shfletuesit
Gjithashtu vini re te rese se ka qenë aplikuar për madhësinë e shfletuesit në linjë vijim ...

html {font-size: 76%;}

Lart CSS Rivendos font shfletuesi madhësia në 10 pixel, dhe kjo bën të mundur për të punuar me madhësinë e shkronjave të afërm (i cili është çdo rëndësishme nga një përputhje Wai këndvështrim)
Për shembull, në përkufizimin e mëposhtëm, font-size në një hapësirë ​​është vendosur në 10 pixels dhe se në paragarph është vendosur në 14 pixel ...

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