Hvordan ha en Div Cover annen

Cascading Style Sheets (CSS) er et stilark språk først og fremst brukes for styling HTML-sider. CSS har en enkel syntaks, kan bygges inn i HTML-koden, og gir enkel manipulering av elementer "skjerm, slik som høyde, farge og font, noe som gjør det til et svært kraftig verktøy. Du kan ikke dekke et HTML div element med en annen div element i HTML alene. Du kan imidlertid gjøre det ved hjelp av flere CSS-regler som endrer div høyde, bredde og posisjon.

Bruksanvisning

1 Opprett en ny fil med en ".html" forlengelse, og åpne den med et tekstredigeringsprogram, for eksempel Notisblokk.

2 Skriv inn koden for en div element og dens innhold. Sett div sin "stil" eiendom, som brukes for å definere CSS-regler, til "posisjon. Slektning" Her er et eksempel:

<Div style = "position: relative"> Min tekst </ div>

3 Kopier og lim inn følgende div kode inne i div definert i trinn 2:

<Div style = "position: absolute; width: 100%; height: 100%; top: 0; venstre: 0; bakgrunn: red"> Hei, verden! </ Div>

For å endre div bakgrunnsfarge eller tekst, endre "bakgrunn: red" eller "Hei, verden!" henholdsvis.