A háttér elhelyezése az elem jobb alsó sarkában

Szülő Oldalak:

1. legfontosabb
2. blog
3. A háttér elhelyezése az elem jobb alsó sarkában

Amikor webhelysablonokat készítesz, gyakran egy háttérképet kell elhelyeznie a HTML elem jobb vagy alsó szélén lévő behúzással. Hosszú ideig ehhez szükség volt a megfelelő méretű üres hely beágyazására közvetlenül a képre, mivel a CSS-ben ez nem volt lehetséges. Ez a rugalmasság csökkenéséhez vezetett (a beillesztés megváltoztatásához szükséges a kép mentése), és növelte a fájlméretet és a memóriafelhasználást a böngészőben.

A helyzet megváltozik a "Háttér és határok" CSS3 modulnak köszönhetően, viszonylag nemrégiben átadta a jelölt ajánlás állapotát. A CSS-tulajdonság háttérpozíciójának frissített szintaktikája lehetővé teszi tetszőleges behúzások meghatározását az elem alsó és / vagy jobb szélén:

háttérkép: alsó 10px jobb 20px;

A fenti példában a kép az elem jobb alsó sarkához kötődik, ugyanakkor 10 és 20 pont az elem alsó és jobb szélétől.

Az új szintaxis hivatalos leírása a specifikációban:

Ha 3 vagy 4 értéket ad meg, akkor minden numerikus érték egy behúzásnak felel meg, és a kulcsszó után kell meghatározni, amely meghatározza, hogy az elem melyik margóját adja meg. Ha 3 értéket ad meg, akkor a hiányzó behúzási érték nulla.

Érdemes megérni az Internet "peregoglil" felét, és csak itt találtam. Még a népszerű és rendszeresen frissített online könyvtárakban sem találtam, és a cikk már régen.
Köszönjük az információt.

Köszönöm ezt, amit tényleg akartam.

Ez még mindig lehetővé teszi számomra, hogy animáljam a tartályt és állítsam be a pozíciót.

Wow! Hűvös! Köszönöm szépen!

Platon, ha az alsó élből (az alsó kulcsszó után) nincs szükség, akkor egyszerűen nullázni kell (vagy egyáltalán nem kell beállítani), és a kívánt értéket csak a jobb oldali behúzáshoz kell beállítani (jobbra mutató érték):

háttérkép: jobb alsó 10px;