popup Modal folosind CSS3 fără javascript

anterior ◈ următoarea

popup Modal folosind CSS3 fără javascript


popup Modal folosind CSS3 fără javascript

Pentru început, toți cei care sunt interesați de acest subiect, poti sa te uiti la exemplul lucrărilor de ferestre modale în diverse versiuni și de a descărca codul sursă:

Nu luați această lecție ca un ghid de acțiune, deoarece în această etapă au realizat un suport de încredere numai browsere moderne (IE 9+, Firefox, Safari, Opera, Chrome). Cu un ochi la faptul că versiunea veche a IE browser-ul încă destul de popular în rândul utilizatorilor sunt încurajați să ia în considerare acest articol ca un fel de experiment, caracteristici demonstrative CSS3.







Ei bine, acum du-te direct la însăși structura de cod HTML și stilistică modelarea fereastra noastră modal cu CSS3)))

Pasul 1. HTML







Următorul este un exemplu de activare de bază de markup-html pop-up-uri și link-uri:

Pasul 2. CSS

Pentru o bază de materiale au fost preluate din diverse surse burzhuinskih fara mila perelopacheny, prelucrate și colectate într-o structură mai mult sau mai puțin ordonată, toate manualele pe acest subiect și nu-mi amintesc acest lucru.

concluzie:

1. Doar nu intră în tag-ul m.okno

. Dacă aveți nevoie de o formă, puneți-l în m.okno, sau de a face forma în sine modal: a se vedea exemplul

2. Transparența ce? În cazul în care umbrire de fundal, transparența este reglementată de cea mai recentă valoare digitală în proprietatea background-color: RGBA (0, 0, 0, 0,65); (Color modelul RGBA), în acest exemplu 0,65, încercați pentru a mări sau micșora valoarea și a vedea rezultatul. Același nivel de transparență este determinată de proprietățile de opacitate

Poate toate la fel pentru mine, să-mi spui o anumită fereastră modal dorit, crezi că Doc cel puțin ceea ce ai posta pe site-ul dvs. minunat. este necesară fereastra modală pentru a lucra cu forma PHP (cu înregistrare). Simplu și care nu sunt încărcate cu cod inutil să poată fi închise fără a da clic pe butonul Închidere. Îmi petrec mult mai mult timp poking în toate modalki în colecție)

Orice m.okno din colecția, potrivite pentru a găzdui o varietate de forme.

Vskidku, a se vedea cum să pună în aplicare formularul de feedback standard, într-o fereastră modal a demola caseta de selectare: a se vedea exemplul Opțiunea 2 este închisă ca făcând clic pe un buton sau făcând clic în afara ferestrei.

Așa cum poate fi de ieșire într-o fereastră modal de la un alt fragment al fișierului (* .txt, * .html) închise în tag-uri. N-aș vrea să supraîncărca index.html fișier, în care există doar link-uri (multe link-uri) pentru a deschide o fereastră modal, conținutul ferestrei modal în care o mulțime de text.







anterior ◈ următoarea