Hogyan Lehet Megjavítani A Hátteret

Tartalomjegyzék:

Hogyan Lehet Megjavítani A Hátteret
Hogyan Lehet Megjavítani A Hátteret

Videó: Hogyan Lehet Megjavítani A Hátteret

Videó: Hogyan Lehet Megjavítani A Hátteret
Videó: Zöld háttér OBSben hogyan állítsam be a streamemhez 2024, Lehet
Anonim

Néha a tervező szándéka megköveteli, hogy a háttérkép állandó maradjon, amikor a látogató végiggörgeti az oldal tartalmát. Ezt úgy teheti meg, hogy megváltoztatja az alapértelmezett háttér-viselkedési beállítást a CSS (Cascading Style Sheets) utasítások használatával.

Hogyan javítsuk ki a hátteret
Hogyan javítsuk ki a hátteret

Utasítás

1. lépés

Adjon hozzá egy stílusleírást a törzsblokkhoz a webdokumentumhoz, amely rögzített háttér-melléklet tulajdonságot tartalmaz, és az oldal háttere állandó marad, miközben a dokumentum gördül. A háttér javításának ez a módszere minden olyan böngészőben működik, amely az 1.0 verziótól kezdve támogatja a jelenlegi CSS szabványok bármelyikét. A fix érték mellett a szabványok még két lehetőséget kínálnak ehhez a tulajdonsághoz - görgetés és öröklés. Ha a dokumentumstílus leírásokban nincs megadva érték a háttérmelléklethez, akkor feltételezzük, hogy alapértelmezés szerint görgetésre van beállítva. Ebben az esetben a háttér az oldal tartalmának görgetésével együtt mozog. Az öröklési érték azt jelzi, hogy ugyanazt az értéket kell használni ennek az elemnek a háttér-melléklet tulajdonságához, mint a szülő eleméhez.

2. lépés

Adjon hozzá egy stílusattribútumot a kívánt oldal címkéjéhez, és adjon hozzá egy stílusleírást a háttér javításához. Például így nézhet ki: Itt megadhatja a háttérkép címét is: Cserélje le a kép címét és nevét (img / pic.gif) saját értékeire. Ez a módszer azért kényelmes, mert a legkevesebb változtatást igényli az oldalkódban, de gyakrabban a stílusok leírása külön blokkba kerül a dokumentum fejében, vagy akár külön fájlban.

3. lépés

Ha külön CSS-blokkot szeretne használni az oldal hátterének javításához szükséges utasításokkal, akkor helyezze a forráscímke elé például a következő sorokat:

BODY {háttér: url (img / pic.gif) javítva;}

Ne felejtse el megadni a háttérkép helyes nevét és címét az img / pic.gif"

Ajánlott: