Recientemente, necesito usar con frecuencia iframe para dibujar marcos jerárquicos para páginas durante el trabajo del proyecto. La mayoría de los navegadores no tienen fondos, pero los iframes tienen un color de fondo blanco de forma predeterminada en IE. Cuando el color de fondo principal no es blanco, aparecerá abrupto en esta parte. La solución se da en el manual de ayuda, es decir, establezca la propiedad de LeaTTransparent en el Iframe en verdadero, y puede hacerlo. Los ejemplos correspondientes también se dan en la documentación de ayuda, como sigue:
Copiar el código
El código es el siguiente:
<Body style = "Background-Color: Red">
<Iframe id = "frame1" src = "transparentbody.htm" desloilTtransparency = "true">
</Iframe>
<Iframe id = "frame2" src = "transparentbody.htm" desloilTtransparency = "verdadero"
Style = "Background-Color: Green">
</Iframe>
<Iframe id = "frame3" src = "transparentbody.htm">
</Iframe>
<Iframe id = "frame4" src = "transparentbody.htm"
Style = "Background-Color: Green">
</Iframe>
</body>
En teoría, no hay ningún problema para hacer esto, pero es decir, no parece tener una gran reacción y aún tiene un fondo blanco. De hecho, en este punto, todavía necesitamos agregar <body bgcolor = "transparent"> a la etiqueta <body> de la subpágina. El ejemplo es el siguiente:
http://img.blog.csdn.net/20140610165850968?watermark/2/text/ahr0cdovl2jsb2cuy3nkbi5uzxqva3 VUCGVUZ19TDWJHBW ==/FONT/5A6L5L2T/FONTSIZE/400/FILL/I0JBQKFCMA ==/disolver/70/gravedad/centro
Main.html Código de página principal:
Copiar el código
El código es el siguiente:
<html>
<Evista>
<title> </title>
</ablo>
<Body style = "Background-Color: Blue;">
<mesa
style = "Ancho: 100%; borde: 0; altura: 100%; CellPadding: 0; CellPacing: 0">
<tr ttight = "100%">
<TD HIED = "100%" Width = "30%">
<iframe id = "test1" src = "test1.html" desloilTtransparency = "true" width = "100%" altura = "100%"> </ iframe> </td>
<td hight = "100%" width = "40%">
<iframe id = "test2" src = "test2.html" deslowTransparency = "true" width = "100%" altura = "100%"> </frame> </td>
<TD HIED = "100%" Width = "30%">
<iframe id = "test3" src = "test3.html" width = "100%" height = "100%"> </frame> </td>
</tr>
</table>
</body>
</html>
Test1.html Código de página:
Copiar el código
El código es el siguiente:
<html>
<Evista>
<title> </title>
</ablo>
<Body bgcolor = "transparent">
<h1> test1 </h1>
</body>
</html>
Test2.html Código de página:
Copiar el código
El código es el siguiente:
<html>
<Evista>
<title> </title>
</ablo>
<Body>
<h1> test2 </h1>
</body>
</html>
Test3.html Código de página:
Copiar el código
El código es el siguiente:
<html>
<Evista>
<title> </title>
</ablo>
<Body>
<h1> test3 </h1>
</body>
</html>
Este pequeño ejemplo es principalmente la aplicación de la propiedad de TlowTransparencia de la etiqueta iframe. Cuando la propiedad se establece en True y el color de fondo de la etiqueta <body> de la subpágina cargada por el iframe se establece en transparente (transparente).
EllowTransparency establece o obtiene si el objeto puede ser transparente.
BGColor se establece o obtiene el color de fondo del objeto.