Para sua IEs Apenas

Se você tiver sido escrito CSS por enquanto, você teria que experimentar esses momentos em que você literalmente puxar seu cabelo quando seus layouts CSS parecia bem em todos os novos navegadores (browsers quero dizer mais tarde que o IE6), mas o IE 6 joga uma birra. Você lutar duro para ajustar o seu CSS, mas ele não funciona ... Bem! Tente esses cortes ...

1. Sublinhado Hack: -
Por definição, especificação CSS 2.1 permite sublinhado ("_") em identificadores CSS. Mas muitos navegadores ainda parecem ignorar qualquer identifica procedeu com um sublinhado, mas o IE. Este bug do IE / recurso torna-se assim uma maneira muito clara para definir propriedades CSS para IEs só. então lembre-se, uma propriedade CSS escrito com o sublinhado no início é visível para o Internet Explorer (todas as versões do IE, mas 7)

#box {
min-height: 300px;
height: auto;
_height: 300px; /* all IE versions less than version 7 */
...
}

Ver demonstração deste sublinhado corte

Além disso, O hack min-height para IE6 usa o hack underscore, confira


2. Corte sustenido (#): -
Como o sublinhado hack, este é também é para IEs oly, com uma diferença boa, identificadores de propriedade precedido por # no início é visível para todas as versões do IE, IE7 incluído e é invisível para qualquer outro navegador padrão.

.obj_container {
display: table-cell;
vertical-align: middle;
#position: absolute; /* For IE only */
#top: 50%; /* For IE only */
#left:50%; /* For IE only */
}

Este hack foi usado muito bem para demonstrar um navegador cruz alinhamento vertical solução, dê uma olhada neste artigo para encontrar o nosso mais


3. CSS para o IE6 só: -
#my_bad_behaving_div {
/*something for all browsers*/
}
/* Lets use the * html hack so only IE6 reads the rule */
* html #my_bad_behaving_div{
/*something for IE6 only*/
}

Esses hacks pareça o paraíso, quando nada mais funciona ... Se qualquer um desses hacks salva sua vida, um dia, não se esqueça de me tratar para um café :)


Deixe uma resposta

NDK casa | Expressando IT | Palate Expressando | Penmenship Expressando | Awe Expressando | expressar-me