Hvordan lage en Div Float Over annet innhold

Stor Web design krever mye forberedelse og tenkte. Opprette riktig gjenstander, tekst og bilder er viktig, men å få dem i riktig posisjon på siden er like viktig. For å få oppsettet på skjermen for å matche dine planer er opprettet i et grafisk design program eller på papir, kan du finne det nødvendig å plassere innholdet i en DIV å flyte annet innhold som skal vises på riktig sted for alle seere.

Bruksanvisning

1 Lag en DIV ved å sette inn "<div>" for å skape splittelse og "</ div>" for å avslutte den.

2 Sett posisjonen din DIV ved å legge til "style =" position: absolute; top: #px; venstre: #px; "" før den avsluttende brakett av den første DIV tag. Erstatt "#" med antall piksler fra toppen og venstre du ønsker div skal vises. Erstatt "absolutt" med "fast" eller "forhold" for å endre plasseringen av DIV.

3 Legg en z-index eiendom til DIV. Sett "z-index: 100;" etter posisjonsinnstillinger, men fortsatt inne i anførselstegn. Dette forteller nettleseren for å sette DIV ovenfor andre objekter på siden, slik at det å flyte over annet innhold.