1. Definição e uso do iframeOs iframes geralmente são usados para incluir outras páginas. Por exemplo, podemos carregar conteúdo de sites de outras pessoas em nossas próprias páginas de site. Para obter melhores resultados, podemos precisar tornar o iframe transparente. Então precisamos saber mais atributos do iFrame. Aqui está uma compilação simples para facilitar os amigos que precisam.
O elemento iframe cria um quadro embutido (ou seja, um quadro embutido) contendo outro documento.
Diferenças entre HTML e XHTML
Em HTML 4.1 DTD rigoroso e XHTML 1.0 Strict DTD, o elemento iframe não é suportado.
Dicas e comentários:
Dica: você pode colocar o texto necessário entre <frame> e </frame> para que você possa lidar com os navegadores que não conseguem entender o iframe.
As tags iframe aparecem em pares, começando com <frame> e terminando com </frame>
O conteúdo na tag iframe pode ser exibido quando o navegador não suporta a tag iframe.
propriedade
Exemplo
O código é o seguinte:
<iframe src = http: //www.vevb.com largura = 200 altura = 500>
O Script Home usa a tecnologia Framework, mas seu navegador não suporta estruturas. Atualize seu navegador para acessar o script em casa normalmente.
</frame>
Defina o tamanho do quadro iframe usando pixels
O código é o seguinte:
<iframe src = http: //www.baidu.com largura = 20% altura = 50%>
O Script Home usa a tecnologia Framework, mas seu navegador não suporta estruturas. Atualize seu navegador para acessar o script em casa normalmente.
</frame>
Defina o tamanho do quadro do iframe usando a porcentagem
2. Iframe transparente
Na tag <body> do arquivo transparentbody.htm, adicionei estilo = background-color = transparente. Nos quatro métodos de redação do iFrame a seguir, acho que você deve ter uma compreensão clara da implementação do efeito transparente do fundo do iframe:
O código é o seguinte:
<Iframe id = frame1 src = transparentbody.htm allowTransparency = true> </frame>
<Iframe id = frame2 src = transparentbody.htm allowTransparency = true style = background-color: verde> </frame>
<Iframe id = frame3 src = transparentbody.htm> </iframe>
<Iframe id = frame4 src = transparentbody.htm style = background-color: verde> </frame>
Os iframes são forçados a ser usados porque o uso do IFRAME trará mais problemas e alguns navegadores podem definir o IFRAME para bloqueá -los como anúncios.
Eu usei iframes em um conteúdo recente de trabalho. O problema que encontrei no início foi o problema de o Iframe ser altamente adaptável. Esse problema foi encontrado no blog da equipe UED do Kouwang.com. Mais tarde, encontrei um problema transparente do iframe.
Geralmente, a cor de fundo do iframe será branca e pode haver cores diferentes sob diferentes navegadores.
Se a página principal tiver uma imagem geral de fundo ou plano de fundo
Um bloco branco aparecerá na área do iframe, que é inconsistente com a página principal, o que exige que o iframe seja transparente
Pesquise a solução de iframes transparentes encontrados
O código é o seguinte:
<iframe src =./ads_top_tian.html permitetransparency = true style = background-color = title transparente = teste de teste = 0 largura = 470 altura = 308 rolagem = não> </iframe> é claro que a premissa é que nenhuma cor é definida na página iframe
[código]
Nota: A transparência do iframe usa principalmente allowTransparency = True Style = Background-Color = transparente
<strong> 3. Altura adaptativa do iframe
</strong> Porque o comprimento é muito longo, você pode se mover aqui para ver
<a target = _blank href = http: //www.vevb.com/vip/20767.html> http://www.vevb.com/vip/20767.html </a>
<strong> 4. Saída IFRAME Código de anúncio através de JS
</strong> [código]
document.write ('<iframe align = marginwidth Midden = 0 marginHeight = 0 src = http: //www.vevb.com/vip/24902.html frameBerborder = não rolagem = sem largura = 660 altura = 80> </iframe>');