Kā Izveidot Nekustīgu Fonu

Satura rādītājs:

Kā Izveidot Nekustīgu Fonu
Kā Izveidot Nekustīgu Fonu

Video: Kā Izveidot Nekustīgu Fonu

Video: Kā Izveidot Nekustīgu Fonu
Video: Начните прямо сейчас правильно думать, и исправьте финансовое положение в жизни 2024, Aprīlis
Anonim

Tīmekļa lapas fonu var piesaistīt tās saturam vai uzvesties neatkarīgi no tā. Pirmajā gadījumā, ritinot saturu pārlūkprogrammas logā, ritinās arī fona attēls, bet otrajā tas var palikt nekustīgs. Lai ieviestu fiksētu lapas fonu, jums jāizmanto CSS stila apraksta valoda - tikai tā var garantēt tādu pašu fona darbību dažāda veida pārlūkprogrammās.

Kā izveidot nekustīgu fonu
Kā izveidot nekustīgu fonu

Instrukcijas

1. solis

Izmantojiet fona pielikuma rekvizītu CSS, lai norādītu, vai lapas fonam jābūt fiksētam vai pārvietojamam. Kopumā šim rekvizītam var būt trīs vērtības - ja jūs nenorādāt nevienu no tām, pēc noklusējuma fona pielikums tiek uzskatīts par ritināšanu. Izmantojot šo vērtību, fona attēls ritinās kopā ar lapas saturu. Mantojuma vērtība kopē vecāka elementa fona uzvedību, un fiksētā vērtība padara fona attēlu neatkarīgu no satura - ritinot lapu, tas paliek nekustīgs. Jums to vajadzētu izmantot.

2. solis

Sagatavojiet CSS lietošanas instrukcijas lapās, kurās vēlaties labot fonu. Ja CSS kodu nenovietosit ārējā stila apraksta failā, šīs instrukcijas jāievieto starp sākuma un aizvēršanas stila tagiem:

// būs stilu apraksti

Lapas fona uzvedības aprakstam jābūt saistītam ar elementu BODY - CSS terminoloģijā tas tiks saukts par "selector" un tiks rakstīts šādi: BODY {

// šeit būs lapas pamatteksta apraksti

} Īpašības, kas saistītas ar šo atlasītāju, ir jāievieto cirtainās lencēs, atdalītas ar semikoliem: BODY {

fona stiprinājums: fiksēts;

fona attēls: url (images / BG.gif);

} Pirmajā rindiņā tiek uzņemts fona attēls, bet otrajā - tā faila adrese, kurā ir fona attēls, attiecībā pret lapas adresi. Šīs divas rindas var ierakstīt vienā sarežģītā CSS paziņojumā šādi: background: url (images / BG.gif) fiksēts;

3. solis

Ielīmējiet visu kodu, lai fiksētu fonu lapas tekstā. Gatavā formā tas var izskatīties šādi:

BODY {background: url (images / BG.gif) fiksēts;}

Protams, jums jāaizstāj fona attēla faila atrašanās vieta un nosaukums. Labāk ir ievietot kodu pirms taga, lai gan tas nav priekšnoteikums.

Ieteicams: