A modális pop-up segítségével CSS3 nélkül javascript
Alakulása alapján bizonyos megbecsült burzhuinov, ők ebben a tekintetben a srácok ravasz, jó eredményeket, tekintve létre modális ablakok segítségével CSS3. A probléma az első helyen az, hogy olyan többé-kevésbé stabil krosbrauzernosti a végeredményt, és természetesen, minimális veszteségekkel, csökkenti a teljes összeg a kódot a HTML és a CSS, annak érdekében, hogy megkönnyítsük a hosszú szenvedés dolgozók site épület.
Mi történik a végén, már ebben a tekintetben a mai napig, veletek vagyunk, és nézd, és ugyanabban az időben, és megtanulják, hogyan lehet a pop-up ablakokat modális „mágikus» CSS3.
Kezdjük azzal, hogy mindazok, akik érdeklődnek a téma, akkor nézd meg a munka példáját modális ablakok különböző változatok, és töltse le a forráskódot:
Ne szedje ezt a leckét, mint egy útmutató a cselekvésre, mivel ebben a szakaszban elért magabiztos támogatást csak a modern böngészők (IE 9, Firefox, Safari, Opera, Chrome). A szem az a tény, hogy az ősi változata IE böngésző még mindig nagyon népszerű a felhasználók körében arra ösztönzik, hogy ezt a cikket, mint egyfajta kísérlet, demonstrációs CSS3 funkciókat.
Nos, most már közvetlenül a nagyon elrendezés html kód és stilisztikai kialakításában modális ablak CSS3)))
1. lépés: HTML
Az alábbi példa egy alapvető html-jelölés pop-up és a linkeket aktiválás:
2. lépés: CSS
Egy alapján anyagot vettünk a helyszínen: dbmast.ru