<< A példán látszik, hogy a kép 1-es z-index számot kapott, míg a szöveg 2-es értéket, mivel a szöveg nagyobb z-index számmal rendelkezik, mint a kép, így szöveg helyezkedik el legfelül. Példa három z-index-re pozitív és negatív értékekkel < img src = " style = "position:absolute; z-index:-1;" > < p style = "position: relative; z-index: 0; color: red;" > z-index p > < p style = "position: relative; z-index: 1; background-color: yellow;" > z 2 p > z 2 Ebben a példában már három HTML elemet használtunk, amikre alkalmaztuk a z-index-et. Volt köztük olyan, ami negatív értéket kapott és volt olyan, ami pozitív értéket. Css z index használata download. Láthatjuk, hogy így is tökéletesen működik, a legnagyobb z-index számmal rendelkező HTML elem kerül legfelülre, míg a legkisebb z-index értékkel rendelkező, – ami jelen esetben egy negatív érték – legalulra. #css kezdőknek #css magyar #css magyar nyelven #CSS programozás #css webprogramozás #css z-index #magyar css #webfejlesztés #webprogramozás alapjai #webprogramozás alapok #z-index
A sugár (spread) értéke. Ezt nem kötelező megadni. Ezzel tulajdonképpen kiterjeszthetjük minden irányban az árnyékunkat. A pozitív értékek növelik, a negatív értékek csökkentik az árnyék méretét. Az alapértelmezett érték 0 (az árnyék mérete ilyenkor megegyezik blur értékben beállított értékkel). Szín Az inset értékkel pedig belülre állíthatjuk az árnyékot A böngészők támogatottsága a következő: Internet Explorer 9. 0+ Firefox 4. Base64 képátalakítóhoz. 0+ 3. 5 -moz- Chrome 10. 0+ 4. 0 -webkit- Safari 5. 1+ 3. 1 -webkit- Opera 10. 5+ Első lépésben létrehozom a dobozokat a szövegekkel. Ezekre fogjuk elhelyezni a különféle árnyék hatásokat.
0 Transitional//EN" ">