Recentemente, preciso usar frequentemente o iframe para desenhar estruturas hierárquicas para páginas durante o trabalho do projeto. A maioria dos navegadores não possui antecedentes, mas os iframes têm uma cor branca de fundo por padrão no IE. Quando a cor principal de fundo não é branca, ela aparecerá abrupta nesta parte. A solução é fornecida no manual de ajuda, ou seja, defina a propriedade AllowTransparent no iframe como true, e você pode fazê -lo. Os exemplos correspondentes também são fornecidos na documentação de ajuda, como segue:
Copie o código
O código é o seguinte:
<Body style = "cor de fundo: vermelho">
<Iframe id = "frame1" src = "transparentbody.htm" allowTransparency = "true">>
</frame>
<Iframe id = "frame2" src = "transparentbody.htm" allowTransparency = "true"
Estilo = "cor de fundo: verde">
</frame>
<Iframe id = "frame3" src = "transparentbody.htm">
</frame>
<Iframe id = "frame4" src = "transparentbody.htm"
Estilo = "cor de fundo: verde">
</frame>
</Body>
Em teoria, não há problema em fazer isso, mas o IE não parece ter uma grande reação e ainda tem um fundo branco. De fato, neste momento, ainda precisamos adicionar <body bgcolor = "transparent"> à tag <body> da subpagem. O exemplo é o seguinte:
http://img.blog.csdn.net/20140610165850968?watermark/2/text/ahr0cdovl2jsb2cuy3nkbi5uzxxqva3 VUCGVUZ19TDWJHBW ==/FONT/5A6L5L2T/FONTSIZE/400/FILTE/I0JBQKFCMA ==/dissolve/70/gravidade/centro
Main.html Código da página principal:
Copie o código
O código é o seguinte:
<html>
<head>
<Title> </title>
</head>
<body style = "cor de fundo: azul;">
<tabela
style = "Largura: 100%; borda: 0; altura: 100%; padding de células: 0; Capacing: 0">
<TR Height = "100%">
<td altura = "100%" width = "30%">
<iframe id = "test1" src = "test1.html" allowTransparency = "true" width = "100%" altura = "100%"> </frame> </td>
<td altura = "100%" width = "40%">
<iframe id = "test2" src = "test2.html" allowTransparency = "true" width = "100%" altura = "100%"> </frame> </td>
<td altura = "100%" width = "30%">
<iframe id = "test3" src = "test3.html" width = "100%" altura = "100%"> </frame> </td>
</tr>
</tabela>
</body>
</html>
Test1.html Código de página:
Copie o código
O código é o seguinte:
<html>
<head>
<Title> </title>
</head>
<corpo bgcolor = "transparent">
<H1> Test1 </h1>
</body>
</html>
Test2.html Código da página:
Copie o código
O código é o seguinte:
<html>
<head>
<Title> </title>
</head>
<Body>
<H1> test2 </h1>
</body>
</html>
Test3.html Código da página:
Copie o código
O código é o seguinte:
<html>
<head>
<Title> </title>
</head>
<Body>
<H1> test3 </h1>
</body>
</html>
Este pequeno exemplo é principalmente o aplicativo de propriedade ALIMTRANSPAREncy da tag iframe. Quando a propriedade é definida como true e a cor de fundo da tag <body> da subpágina carregada pelo iframe é definida como transparente (transparente).
permite conjuntos de transparência ou obtém se o objeto pode ser transparente.
O BGCOLOR define ou obtém a cor de fundo do objeto.