Vágott kép a CSS
Vágott kép a CSS
Tekintsük három egyszerű módon lehet használni, hogy csak a kép egy részét a honlapon. Megjegyezzük, hogy míg ezek a módszerek momoschyu kép ne legyen levágva egy bizonyos méretet a szó szoros értelmében, hanem csak azt mutatja, az a rész, azt kell látni, és elrejtik a nem kívánt területeket.
1. módszer használata negatív árrés
A képet kell helyezni a szülő elem, a mi esetünkben - div. A szülő elem is ésszerűsíteni elem (vagy egy előre meghatározott szélesség). A módszer nem fog működni a blokkokat, vagy elemei teljes szélességében.
Mi létre negatív margó mind a négy oldala: top (fent), jobbra (jobbra), (fenék), és a bal oldali (balra). Negatív mezők határozzák meg, hogy a kép alatt a szülő elem van vágva mindkét irányban. Ezután létre szülő tulajdonát túlfolyó (átfedés) a rejtett (hide), hogy elrejtse a területeken, amelyeket vágva a területet a képet.
árrés. -70px -50px -160px -175px;
2. eljárás használata abszolút pozicionálás
Ebben a módszerben, állítsa be a szélessége és magassága a szülő edementa, összesen tulajdonság (pozicionálás) a viszonylagos (relatív). Szélessége és magassága határozza meg a méret a megjelenített mező. A képet a szülő elem helymeghatározás a tulajdonság meghatározza az abszolút (abszolút). Ezután a tulajdonságok felső (top) és balra (bal), adja meg, amely a kép egy részét mutatni.