Hvordan Overlegg et bilde på fast plass på et nettsted

December 7

Cascading Style Sheets, eller CSS, kan definere posisjonen til et bilde på en webside. CSS bruker "posisjon" egenskap for å beskrive hvordan objektene er plassert på en side; de mest vanlige posisjoneringsmetodene er statiske, fast, absolutt og relativt. Når et bilde er i fast posisjon, den beveger seg aldri fra sin beliggenhet på området, selv når den besøkende ruller vinduet opp eller ned. Du kan bruke en kombinasjon av HTML og CSS for å fikse et bilde hvor som helst på et nettsted.

Bruksanvisning

1 Legg til "<style>" og "</ style>" i mellom "<head>" og "</ head>" koder i siden koden, slik at HTML ligner på følgende:

2 Legg til ".overlay {}" i mellom "<style>" og "</ style>" koder, deretter legge til "stilling: fast;" mellom krøllet regulering:

.overlay {stilling: fast; }

3 Sett ønsket plassering for bildeposisjonen med "venstre" og "topp" attributt. "Venstre" flytter bildet til høyre det angitte antall piksler; "Top" flytter bildet ned på siden det angitte antall piksler. For eksempel:

.overlay {stilling: fast; top: 20px; venstre: 300px; }

4 Legg til "<img>" tag i mellom "<body>" og "</ body>" koder for å overlappe bildet på siden. Sett "src" og "klasse" attributt i "<img>" tag:

5 Sett inn bilde URL i mellom anførselstegn i "src" -feltet. Sett "overlay" i mellom anførselstegn i "id" -feltet: