Primeiro de tudo, sabemos que esse efeito deve ser um tópico antigo.
Ao resolver os arquivos hoje, descobri que algumas das minhas soluções de layout anteriores estão na pasta há muito tempo. Vamos examinar os antigos.
Deve -se notar que tenho a sorte de ter visto o antigo engenheiro e webmaster do CSSPLAY alcançar esse efeito, e deve ter sido dado muito cedo.
Menos fofocas, adicione código fonte:
Acionar e utilizar os recursos estranhos da implementação do IE6-Layout, CSS:
<tipo de estilo = texto/css>
.ie6-out {
_Margin-left: 900px;
_Zoom: 1;
}
.ie6-in {
_Position: relativo;
_float: esquerda;
_Margin-left: -900px;
}
#Min-Width {
largura min: 900px;
Antecedentes: #ccc;
altura de linha: 200px;
_Zoom: 1;
}
</style>
<div class = ie6-out>
<div class = ie6-in>
Sob <div id = min-width> ie6-, o contêiner realiza a simulação do efeito de largura min. Altere o tamanho da janela do navegador à vontade e clique no botão para visualizar a largura. </div>
</div>
</div>
Demonstração de implementação do CSS:
Execute a caixa de código
[Ctrl A All Seleção Dicas: Você pode modificar algum código primeiro e depois pressionar Run]
Demonstração estendida:
Execute a caixa de código
[Ctrl A All Seleção Dicas: Você pode modificar algum código primeiro e depois pressionar Run]
Expressão de CSS
-Eu acredito que muitas pessoas costumam ser perturbadas por falhas inexplicáveis ao usar esse método para obter a largura mínima do contêiner e geralmente acabam infrutinando.
Há dois pontos que precisam ser apontados aqui:
1. Os elementos que representam a viewport no IE6- são diferentes no modo padrão e no modo peculiar. O primeiro é <html> e o último é <body>;
2. IE6-Em nos dois modos diferentes, suas diferentes manifestações quando o conteúdo transborda, resultando em um loop morto no julgamento da tarefa. É um pouco detalhado explicar, vamos praticar você mesmo.
Expressão CSS implementa o código -fonte da largura mínima: <tipo de estilo = texto/css>
corpo {text-align: Center;}
#Min-Width {
largura min: 900px;
_width: expressão ((document.documentElement.clientWidth || document.body.clientWidth) <900? 900px :);
altura de linha: 200px;
Antecedentes: #ccc;
}
</style>
Sob <div id = min-width> ie6-, o contêiner realiza a simulação do efeito de largura min. Altere o tamanho da janela do navegador à vontade e clique no botão para visualizar a largura. </div>
Demonstração:
Execute a caixa de código
[Ctrl A All Seleção Dicas: Você pode modificar algum código primeiro e depois pressionar Run]
As duas soluções acima podem ser implementadas no modo IE6 padrão e no modo peculiar. A expressão do IE não encontrou problemas de eficiência da CPU neste aplicativo.