+- Forum Pplware (http://forum.pplware.com)
+-- Fórum: Mais Tech (/forumdisplay.php?fid=11)
+--- Fórum: Programação e Web (/forumdisplay.php?fid=16)
+--- Tópico: style na criação de sites para IE, Chorme e Firefox (/showthread.php?tid=16483)
style na criação de sites para IE, Chorme e Firefox - teodorofilo - 20-08-2013 17:35
Estou trabalhand muito com efeitos css na criação dos sites de meus clientes. Entrentato as propriedades box-shadow:,text-shadow: border-radius sempre aparecem diferentes entre os 3 navegadores.
Eu declaro elas assim no arquivo estilos.css
Código:
.menu{
float:left;
background:#000;
border-radius:6px;
padding:7px 12px;
font-family: Trebuchet MS;
font-size: 14px;
line-height: 19px;
color:#FFFFFF;
margin-right:15px;
cursor:pointer;
box-shadow: 1px 2px 3px #333333;
}ou até mesmo dentro do próprio codigo fonte do site em HTML
Código:
<div style="margin-top:20px; background: url(imagens/fundo_conteudo.png) repeat; padding:10px; border-radius:6px; min-height:400px; box-shadow: 1px 2px 3px #000;
"> Bem vindo ao www.sitesamil.com.br</div>Existe alguma forma de declarar esses estilos de forma que não fiquem tão espaçados ou diferentes entre os navegadores?
RE: style na criação de sites para IE, Chorme e Firefox - Rui C. - 22-08-2013 14:00
Talvez devas considerar as vendor specific tags?
http://reference.sitepoint.com/css/vendorspecific
moz-box-shadow (salvo erro), por exemplo, aplica ao Firefox, em específico, não sendo aplicado nos outros browsers,
Tens coisas como filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); (que creio que é a única forma de definir opacidade no IE).
Há muitas regras que só funcionam com prefixos destes.