Hacks para IE


Postado em 3 de agosto de 2010 por | Categorias: CSS | Tags: , , , | Sem comentários » | Comentar


Abaixo algumas técnicas para correções de CSS no Internet Explorer 7 e 6. Para importar um arquivo de folha de estilos CSS difetente para o versões 6 e 7 do IE utilize no HEAD do HTML:

<!--[if IE]>
  <link rel="stylesheet" type="text/css" href="all-ie.css" />
<![endif]-->

<!--[if IE 5.0]>
<link rel="stylesheet" type="text/css" href="ie-5.0.css" />
<![endif]-->

<!--[if IE 6]>
  <link rel="stylesheet" type="text/css" href="ie-6.0.css" />
<![endif]-->

<!–[if lte IE 6]>
<link rel=”stylesheet” type=”text/css” href=”http://www.seusite.com.br/wp-content/themes/tema/style_ie6.css” />
<![endif]–>

<!–[if lte IE 7]>
<link rel=”stylesheet” type=”text/css” href=”http://www.seusite.com.br/wp-content/themes/tema/style_ie7.css” />
<![endif]–>

O “lt 6” significa later 6, ou seja, anteriores a versão 6.

Mais detalhes consulte: http://maujor.com/tutorial/ie7-hack.php

Outra forma bem simples de resolver pequenos problemas dos IE’s é usar dentro do arquivo de CSS linhas que serão interpretadas somente no versões pre-determinadas do Internet Explorer, veja abaixo:

#box {
background-color:red; /* Todos interpretam essa linha */
background-color /*\**/: #FFCC00\9; /* Apenas IE 8 */ 
*background-color:blue;     /* Apenas IE7 e IE6 */
_background-color:green;   /* Apenas IE6 */
}

O ( * ) colocado antes do parametro de CSS vai fazer com que o IE6 e 7 interpretem essa linha, os demais navegadores vão desconsiderar esse parametro. O ( _ ) vai fazer com que apenas o IE6 interprete essa linha.

Saiba mais em: http://www.toprated.com.br/css-hacks-ie6-ie7-firefox

Uma outra forma de criar Hacks para IE 6 e 7:

/* "Hack" para o IE6 */
* html div#header { margin:0 0 5px; }

/* "Hack" para o IE7 */
*:first-child+html div#header { margin:0 0 5px; }
Share

Categorias

Links

Tags

Autor do post bloginfo() Caminho do tema Campos Personalizados Categorias Codificação UTF8 Contac form 7 CSS Custom fields Custom Post Types data Dividir string explode() Formatação de datas Formatação de Hora get_ get_option() get_page_template() get_the_terms get_the_title() Hora IMG is_single() Janelas Links Lista de Categorias Lista de Posts Lista de ùltimos posts location.href Paginação Post_name Query_posts register_sidebar Sidebar the_author_nickname() the_category() the_tags() the_time() Titulo da página UFT8_encode UTF8 UTF8_decode Widgets wp_list_categories() âncoras

Copyright © 2024  |   W-Pedia – Wikipedia Wordpress BR  |  produzido por Henderson C. Torres