Hvordan lage en gjennomsiktig iFrame

Hvordan lage en gjennomsiktig iFrame


En iFrame brukes til å sette inn en HTML-side til en annen. Dette gjøres med iFrame-koden, som vil laste opp en ekstern HTML-side og plassere den på innsiden av eksisterende. Dette kan være nyttig hvis du ønsker å plassere det samme innholdet i flere forskjellige sider, men ønsker omegn innhold til å være annerledes. iFrames kan tilpasses i en rekke måte ved hjelp av CSS stil, inkludert å gjøre dem gjennomsiktige.

Bruksanvisning

1 Åpne et tekstredigeringsprogram, for eksempel Notisblokk eller TextEdit. Klikk på "File" og deretter "Open" og naviger til filen du vil sette inn som en iFrame. Dette bør ha en HTML-forlengelse. Klikk på filen og velg "OK" for å åpne den.

2 Finn den delen av siden som er etter overskriften. Dette vil være rett etter "</ head>" tag hvis du har en overskrift. Hvis ikke, klikk deretter på toppen av siden. Sett inn følgende kode:

<Body style = "background-color: transparent">

Dette vil gjøre iFrame har en gjennomsiktig bakgrunn. Lagre filen.

3 Åpne filen som du ønsker å sette inn iFrame inn i en teksteditor. Dette bør også ha en HTML-forlengelse, selv om det kan være PHP, så vel.

4 Bla ned til du ser den delen av siden der du ønsker å sette inn iFrame. Sett inn følgende kode:

<Iframe name = "Frame" allowTransparency = "true">

Erstatt "iframe.html" med navnet på filen du oppretter. Du kan endre "Frame" til en tittel du ønsker å gi din iFrame.

5 Last opp begge filene til ditt nettsted. Sørg for at de er i samme katalog eller fil vil ikke anerkjenne din iFrame. IFrame du satt inn vil nå være gjennomsiktig.

Hint

  • IFrames vil ikke komme opp i søkemotorene, så ikke sett for mye verdifullt innhold innsiden av dem.