1. Introdução
Este artigo inclui 8 soluções muito úteis que você usará quando encontrar problemas com design CSS.
2. Seletores específicos do navegador
Esses seletores serão muito úteis quando você precisar projetar CSS para um determinado navegador.
IE6 e versões inferiores
| *html{} |
IE7 e versões inferiores
*:primeiro filho+html {} * html {} |
*:primeiro filho+html {} |
html>corpo{} |
| html>/**/corpo{} |
Opera9 e versões inferiores
html:primeiro filho {} Safári html[xmlns*=""] corpo:último filho {} |
Para usar esses seletores, coloque-os antes do estilo. Por exemplo:
#content-box { largura: 300px; altura: 150px; } *html #content-box { largura: 250px; } /* substitui o estilo acima e altera a largura para 250px no IE 6 e anteriores */ |
3. Deixe o IE6 suportar transparência PNG
Um bug no IE6 causou grandes problemas, ele não suportava imagens PNG transparentes.
Você precisa usar um filtro CSS
*html #estilo de imagem { imagem de fundo: nenhuma; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fil ename.png", sizingMethod="escala"); } |
4. Remova a linha pontilhada do hiperlink (válido apenas para FF)
No FireFox, ao clicar em um hiperlink, um contorno pontilhado aparecerá na periferia. Isso é fácil de resolver, basta adicioná-lo ao estilo do rótulo.
| esboço: nenhum. um{ esboço: nenhum; } |