Cum de a face fundal blackout prin css

Sunteți aici: Acasă - CSS - CSS de bază - Cum de a face fundal blackout prin CSS

Cum de a face fundal blackout prin css

De foarte multe ori am început să văd fundalul întunecat pe site-uri. În special, acest lucru se întâmplă în galerii, unde, făcând clic pe imagine, crește, iar restul părții este ascuns. Desigur, aproape peste tot există un jQuery special plug-in. dar în acest articol vă voi arăta cum să faceți întunecarea fundalului prin CSS. fără a recurge la jQuery.

Să scriem codul HTML:






1 2


Aici am adăugat o masă, ca conținut de testare, care va fi ascunsă. Și, de asemenea, blocați TB_overlay. care este cheia, adică se va întuneca. Aici este codul CSS:

#TB_overlay fundal-culoare: # 000; / * Fundal negru * /
înălțime: 100%; / * Înălțimea este maximă * /
stânga: 0; / * Zeroth indent left * /
opacitate: 0,50; / * Gradul de transparență * /
poziție: fixă; / * Poziție fixă ​​* /
top: 0; / * Zero indent din partea de sus * /
lățime: 100%; / * Lățimea este maximă * /
z-index: 100; / * Cunoscut ca fiind peste alte elemente * /
>

În opinia mea, această metodă de diminuare este foarte simplă și de înțeles, de aceea este folosită cel mai adesea.

Recomanda acest articol prietenilor tai:

Dacă ți-a plăcut site-ul, atunci trimiți un link spre el (pe site-ul tău, pe forum, în contact):

Se pare ca aceasta:

  • Codul BB al legăturilor pentru forumuri (de exemplu, îl puteți pune în semnătură):
  • Bună seara, Michael. Am copiat codul, dar a apărut doar masa, fără nici o întrerupere. De ce?

    Încercați în alte browsere, dacă nu funcționează, atunci stilurile nu sunt atât de conectate.

    Michael, bună după-amiază. Sunt nou, și învăț să scriu pagini HTML. Există aici codul, probabil chiar și producția ta: Sfat pop-up

    X
    Aici în locul acestui text puneți textul sau codul html.
    Vă rog să-mi spuneți cum să integrați diminuarea aici, astfel încât atunci când deschideți fereastra modală totul este întunecat, cu excepția ferestrei în sine. Am încercat o grămadă de opțiuni cu codul dvs., dar se pare că este doar o pauză, fereastra în sine rămâne în întuneric

    Este un cod prost, și, evident, nu este producția mea. Cum să integrez o fereastră modală în acest gunoi - nu știu. Este mai bine să o scrieți din nou. Dacă nu știți cum să scrieți, atunci studiați HTML. Copiați de undeva un străin și chiar un cod de curbă este o întreprindere inutilă.

    opacitatea nu este acceptată în browserele mai vechi.

    În mod corect am realizat că unul dintre elementele nu este ascuns între toate celelalte, atunci este necesar să se introducă între ele

    . De exemplu, am setat imaginea și am făcut opacitatea: 0.77; și totul sa dovedit a fi! Cu restul elementelor, de asemenea, face sau au orice excepții?

    Articole similare