Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Felipe Mendes

[Resolvido] Problema com código CSS no IE

Por , em Desenvolvimento frontend

Recommended Posts

Felipe Mendes    1

Felipe Mendes
Postado

Pessoal to com o seguinte código em CSS, ele funciona no Firefox e no Chrome, mais quando executo ele no firefox não funciona.. Ajudem Por Favor.. Segue o Código:

 

body
.button
{   
  background: #1C1C1C;
  background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
  background: -webkit-linear-gradient(top, #696969, #000);
  background: -moz-linear-gradient(top, #696969, #000);
  background: -ms-linear-gradient(top, #333, #000);
  background: -o-linear-gradient(top, #696969, #000);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;   
  color: #666;
  font-size: 11px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration: overline;
  text-align:center;
  width:200px;
  height:70px;
  vertical-align: middle;
  display : table-cell;
}
.button:hover
{
   border-top-color: #909092;
   background: #1C1C1C;
   background: -webkit-gradient(linear, left top, left bottom, from(#909092), to(#909092));
   background: -webkit-linear-gradient(top, #909092, #c5c5c6);
   background: -moz-linear-gradient(top, #909092, #c5c5c6);
   background: -ms-linear-gradient(top, #909092, #c5c5c6);
   background: -o-linear-gradient(top, #909092, #c5c5c6);
   color: #1C1C1C;
   background-color: #909092;
}
.button:active {
  border-top-color: #ff0006;
  background: #565656;
  color: #ff0006;
  }

  .barra
{   
  background: #CCCCCC;
  background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#000));
  background: -webkit-linear-gradient(top, #CCCCCC, #CCCCCC);
  background: -moz-linear-gradient(top, #CCCCCC, #8B8989);
  background: -ms-linear-gradient(top, #CCCCCC, #000);
  background: -o-linear-gradient(top, #CCCCCC, #000);;
  font-size: 14px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  width:200px;
  height:40px;
}

 

Desde Já Agradeço..

Compartilhar este post

Link para o post
Compartilhar em outros sites

Dárcio Gomes    10

Dárcio Gomes
Postado

você quis dizer não funciona no IE né?

 

coloque essas metas tags no seu <head>:

<meta http-equiv="X-UA-Compatible" content="IE=9" />
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta http-equiv="X-UA-Compatible" content="IE=6" />

Compartilhar este post

Link para o post
Compartilhar em outros sites

Felipe Mendes    1

Felipe Mendes
Postado

você quis dizer não funciona no IE né?

 

coloque essas metas tags no seu <head>:

<meta http-equiv="X-UA-Compatible" content="IE=9" />
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta http-equiv="X-UA-Compatible" content="IE=6" />

 

Cara Vlw, Funciou corretamente as tags que você passou.. Obrigado man.. Precisar estamos ai..

Compartilhar este post

Link para o post
Compartilhar em outros sites

Dárcio Gomes    10

Dárcio Gomes
Postado

Darcio, Boa Noite, Bom Dia sei lá .. rs

 

O que seria esses comandos, o que eles fazem ? Vlw amigão !

 

esses comandos são na verdade metaTags que forçam a compatibilidade do IE (internet explorer) com os comandos do CSS, tem muitos comandos do CSS que o IE não consegue interpretar corretamente, e essas tags tornam esses comandos do CSS compatível com o modo de interpretação do IE.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito