1. Definición y uso de iframeLos iframes generalmente se usan para incluir otras páginas. Por ejemplo, podemos cargar contenido de los sitios web de otras personas en nuestras propias páginas del sitio web. Para obtener mejores resultados, es posible que necesitemos hacer que el iframe sea transparente. Entonces necesitamos saber más atributos de iframe. Aquí hay una compilación simple para facilitar a los amigos que lo necesitan.
El elemento iframe crea un marco en línea (es decir, un marco en línea) que contiene otro documento.
Diferencias entre html y xhtml
En HTML 4.1 Strict DTD y XHTML 1.0 Strict Dtd, el elemento iframe no es compatible.
Consejos y comentarios:
Consejo: puede colocar el texto requerido entre <frame> y </frame> para que pueda tratar con navegadores que no puedan entender el iframe.
Las etiquetas de iframe aparecen en pares, comenzando con <Iframe> y terminando con </iframe>
El contenido en la etiqueta iframe se puede mostrar cuando el navegador no admite la etiqueta iframe.
propiedad
Ejemplo
El código es el siguiente:
<iframe src = http: //www.vevb.com Width = 200 Height = 500>
Script Home usa la tecnología Framework, pero su navegador no admite marcos. Actualice su navegador para acceder a Script Home normalmente.
</iframe>
Defina el tamaño del marco de iframe usando píxeles
El código es el siguiente:
<iframe src = http: //www.baidu.com ancho = 20% altura = 50%>
Script Home usa la tecnología Framework, pero su navegador no admite marcos. Actualice su navegador para acceder a Script Home normalmente.
</iframe>
Defina el tamaño del marco de iframe usando porcentaje
2. Iframe transparente
En la etiqueta <body> del archivo transparentBody.htm, he agregado style = background-color = transparent. A través de los siguientes cuatro métodos de escritura de iframe, creo que debe tener una comprensión clara de la implementación del efecto transparente del fondo de iframe:
El código es el siguiente:
<Iframe id = frame1 src = transparentBody.htm desloilTtransparency = verdadero> </iframe>
<Iframe id = Frame2 src = TransparentBody.htm desloilTtransparency = True style = Background-Color: Green> </iframe>
<Iframe id = frame3 src = transparentBody.htm> </iframe>
<Iframe id = Frame4 src = transparentBody.htm style = Background-Color: Green> </frame>
Los iFrames se ven obligados a usarse porque el uso de iFrames traerá más problemas, y algunos navegadores pueden establecer iframes para bloquearlos como anuncios.
Usé iframes en un contenido de trabajo reciente. El problema que encontré al principio era el problema de que iframe era altamente adaptable. Este problema se encontró en el blog del equipo UED de Kouwang.com. Más tarde, encontré un problema transparente de iframe.
Por lo general, el color de fondo del iframe será blanco, y puede haber diferentes colores bajo diferentes navegadores.
Si la página principal tiene un color de fondo general o una imagen de fondo
Aparecerá un bloque blanco en el área de iframe, que es inconsistente con la página principal, que requiere que el iframe sea transparente
Buscar solución transparente IFRAMES encontrado
El código es el siguiente:
<iframe src =./ads_top_tian.html lEtTransparency = true style = background-color = transparent title = test frameBorDer = 0 width = 470 height = 308 desplazamiento = no> </iframe> Por supuesto, la premisa es que no se establece ningún color en la página ifRame
[código]
Nota: La transparencia de iframe utiliza principalmente DignTransparency = True Style = Background-Color = Transparent
<strong> 3. Altura adaptativa de iframe
</strong> porque la longitud es demasiado larga, puedes moverte aquí para ver
<a Target = _blank href = http: //www.vevb.com/vip/20767.html> http://www.vevb.com/vip/20767.html </a>
<strong> 4. Salir el código de anuncio de iframe a través de JS
</strong> [código]
document.write ('<iframe align = Middle MarginWidth = 0 marginHeight = 0 src = http: //www.vevb.com/vip/24902.html frameborder = sin desplazamiento = no ancho = 660 altura = 80> </ifRame>');