Tecnología

Inicio

Cómo colocar cosas encima de un iFrame

November 26

Un iframe es un elemento HTML que muestra una página externa. Los desarrolladores web utilizan iframes para mostrar el contenido de otros dominios en sus páginas web. Al igual que otros elementos HTML, marcos flotantes pueden ser de estilo con el lenguaje de marcado de la hoja de estilo en cascada que especifica cómo se deben mostrar los elementos HTML. Mediante el uso de las propiedades de índice Z y de posición CSS, incluso se puede colocar otros elementos HTML en la parte superior de un iframe.

Instrucciones

1 Busque su elemento iframe, identificado por un "<iframe>" etiqueta HTML. Envolver la etiqueta "<iframe>" con un elemento "div" y asignar el elemento "div" una identificación como "iframeWrapper." El código es el siguiente: <div id = "iframeWrapper"> <etiqueta iframe, pero dentro de los "<div>" etiquetas. Dele a su elemento de un documento de identidad, como "myElementId."

3 Busque la sección de cabecera de la página HTML, denotado por "<head> </ head>" etiquetas. Dentro de los "<head> </ head>" etiquetas, añadir etiquetas de CSS de la siguiente manera: <style type = "text / css"> </ style>. Colocar todo el código CSS entre estos "<style>" etiquetas.

4 Añadir código CSS para el estilo de su iframe, así: iframe {position: absolute; top: 0; izquierda: 0; z-index: 1; }.

5 Añadir código CSS para el estilo de su elemento div de la siguiente manera: #myElementId {position: absolute; top: 0; izquierda: 0; z-index: 2; }.