Hvordan plassere ting på toppen av en iFrame

En iframe er et HTML-element som viser en ekstern side. Webutviklere bruker iframes vise innhold fra andre domener på sine websider. Som andre HTML-elementer, kan iframes bli stylet med Cascading Style Sheet kodespråk som angir hvordan HTML-elementer skal vises. Ved hjelp av CSS z-indeks og posisjon egenskaper, kan du også plassere andre HTML-elementer på toppen av en iframe.

Bruksanvisning

1 Finn din iframe element, merket med en "<iframe>" HTML-koden. Pakk "<iframe>" tag med en "div" element og tildele "div" element en ID som "iframeWrapper." Koden ser slik ut: <div id = "iframeWrapper"> <iframe tag, men inne i "<div>" koder. Gi element en ID, som "myElementId."

3 Lokal hodet delen av HTML-siden, merket med "<head> </ head>" koder. Innenfor "<head> </ head>" koder, legge til koder for CSS som følger: <style type = "text / css"> </ style>. Plassere alle CSS-kode mellom disse "<style>" tags.

4 Legg CSS-kode for å style din iframe, som så: iframe {position: absolute; top: 0; venstre: 0; z-index: 1; }.

5 Legg CSS-kode for å style din div element som følger: #myElementId {position: absolute; top: 0; venstre: 0; z-index: 2; }.