Hogyan kell használni css tulajdonság background-image

Küldd el a Twitter

Background-image tulajdonság állítja a háttérképet az elem. Lehet, hogy egy vagy több értéket vesszőkkel elválasztva.







Ha egynél több kép van beállítva a háttérben, minden kép lehet átméretezni pozícionálja a lehetőséget, hogy ismételje meg, vagy létrehozni szerint a megfelelő értéket a másik tulajdonságait a háttérben.

Alapvetően ha overlay háttérképeket, többségük átlátszó területeket, így láthatja, más képeket, melyek az alábbiakban. Lásd az alábbi példát.

Ha telepítve az ingatlan background-image. CSS is szükség van, hogy meghatározzuk a háttér színét. Meg fogják használni, a háttér-kép nem áll rendelkezésre. Ha a háttér-kép áll rendelkezésre, az felülírja a háttér színét. Minden lakók számára meghatározott tárgy, amelyet több mint egy háttérben. Így van: background-color alján, a kép vízszintes felett és snowboardosok a tetején.

A mód, ahogyan a kép levonni az egységhez képest, és a határ alkalmazásával is meghatározható tulajdonságai háttér-klip és a háttér-eredetű







Minden kép létrehoz egy „réteg” egy elemét. Még ha az érték nincs, a réteg még mindig létrejön, csak nem festeni semmit.

Üres kép (szélessége és magassága egyenlő nulla), vagy a kép nem progruz vagy egyszerűen nem lehet megjeleníteni (például hiánya miatt a támogatás ebben a formában) is figyelembe kell venni, mint egy réteg, egyszerűen nem jelenik meg semmi.

Az elérhetőség, a fejlesztők nem tanácsos használni a háttérképet, mint az egyetlen módja annak, hogy érzékeny információk. A képek lehetnek elérhetők nem grafikai műveletet (például olvasási mód) vagy háttérképeket lehet kikapcsolni a nagy kontrasztú mód.

Background-image tulajdonság lehetővé teszi, hogy egy kép beillesztéséhez egy dokumentum csak a CSS nyelv használata nélkül a HTML. Szöveg alternatív szükséges azok számára, akik nem látják a képet, annak ellenére, hogy ezek a képek fontos információt hordoznak. Tehát téves ezt a tulajdonságot használja hozzá egy képet hordozó fontos információkat.

Azonban néhány fejlesztők néha használja az ingatlan együtt text-indent tulajdonság a kép csere technika (főleg címek) és annak bizonyítása érdekében, grafikus ábrázolása a szöveg a helyén. Az egyik technika, amely jó példája a szemantikai és megfizethető módja annak, hogy cserélje ki a képet, Scott bizonyította Kelyumom és akkor többet róla a papír cseréje -9999px hack (új kép csere).

szintaxis:

Népszerű Hozzászólások




Kapcsolódó cikkek