Hvordan Float innhold over bakgrunns i CSS

April 27

På en vanlig webside, er bakgrunnsbildet "festet" til innholdet ovenfor det slik at hvis du blar nedover på siden, bilde ruller også, som om hele siden er skrevet ut på papir. Ved å bruke Cascading Style Sheets (CSS), men du kan angi at bakgrunnsbildet forbli fast i brukerens vinduet, slik at resten av innholdet flyter over det som siden er rullet ned. Dette skaper en unik visuell effekt og er et nyttig alternativ når du designer nettsteder.

Bruksanvisning

1 Åpne et HTML-dokument i en teksteditor eller opprette en ny. Hvis du starter fra scratch, klikker du på "Start" -menyen, velg "Alle programmer," "Tilbehør" og deretter "Notisblokk". Sett inn følgende mal, plassere innholdet mellom "body" koder:

<Html>

<Head>

<Title> Fast Bakgrunn Testside </ title>

</ Head>

<Body>

</ Body>

</ Html>

2 Plasser følgende CSS-kode mellom "hodet" kodene i HTML-dokumentet, erstatter "background.jpg" med navnet på din bakgrunn bildefil:

kropp{

background-image: URL ( 'background.jpg');

background-attachment: fixed;

}

</ Style>

Hvis bildet er lagret på et annet sted enn på siden, angi banen i anførselstegn også.

3 Lagre siden din, må du legge den i en nettleser. Bla nedover på siden, og bakgrunnen forblir fast med innholdet flyter over det.