A bemutatott példában egy <li> elem szerepel, melynek fix magassága és fix szélessége van (496px × 198px). Ennek CSS-ből van megadva, a background-image tag használatával a háttérkép. A háttérképen sok kis kép szerepel, melyekre külön-külön linkeket helyezünk el, hasonlóan mint egy image map készítése esetén.
Webdesign készítése során sokszor használunk árnyékot bizonyos területek kiemelésére. A CSS3 előtti időszakban ilyen esetben már a grafikai tervezés során a kiemelendő terület szélén lévő grafika elemre illesztettük az árnyékot. Ez plusz kép betöltődést jelent, mely lassítja az oldal megjelenését.
A CSS3 szabvány bevezetésével ezek a grafikai megoldások gyorsabban, egyszerűbben megoldhatóak. Néhány böngésző ugyan nem támogatja a CSS3-at, így pl. az Internet Explorer 8 és korábbi változatai sem, de van lehetőség külön IE által értelmezhető utasítást megadni.
(tovább…)
Bemutatkozás