Hack CSS para Google Crhome


Postado em 16 de outubro de 2012 por | Categorias: CSS | Sem comentários » | Comentar


Em muitos poucos casos tive que usar um hack para ajustar alinhamento de algumas div´s no Google Chrome. A solução foi usar o código: @media screen and (-webkit-min-device-pixel-ratio:0) { } dentro do meu arquivo de CSS.
Exemplo:

/*HACK PARA GOOGLE CHORME*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.s-inscricao{
background-image: url("images/m-selecionado.png");
background-repeat: no-repeat;
height: 45px;
left: 665px;
width: 66px;
}
.compartilhe {
clear: both;
color: #6C7679;
display: block;
font-size: 10px;
letter-spacing: 1px;
margin: -18px 0 9px 359px;
}
}

Como as duas classes .s-inscricao e .compartilhe já existiam no CSS para outros navegadores, coloquei esse código no final do arquivo CSS para que o Google Crhome interpretar o HACK sem entrar em conflito com as outras classes de mesmo nome.



Deixe um comentário

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 © 2017  |   W-Pedia – Wikipedia Wordpress BR  |  produzido por Henderson C. Torres