-1

Boa tarde Devs, estou puelo já com isso...consegui converte as cores no Firefox...mais o IE sem chance, e o cliente ainda quer olhar no IE...tem alguma forma para solucionar? usei esses codigos no moz.

@-moz-document url-prefix() {
   #header.reveal.alt{
        background: #848484;
    }

     body{
        background: #848484;
    }

    #header{
        background:#848484 ;

    }

são essas 3 divs que preciso mudar no IE tbm...

Link

1 Resposta 1

3

Cara o problema é que vc declarou a cor dentro de um "hake" que faz com que a cor só funcione no Fire fox @-moz-document url-prefix() { } tudo que estiver dentro disso só vai renderizar no browser da Mozilla, ous seja, nos outros browsers vai mostrar a cor branca #ffffff (na verdade é "transparente" e o fundo do browser é que é branca e não do documento) que é a cor default da maioria dos user-agents

Para a cor funcionar em todos os browsers, declare ela fora do @-moz-document url-prefix() { }

body{
  background: #848484;
}
#header{
  background:#848484 ;
  height: 100px;
  border: 1px solid;
}
<div id="header"></div>


Veja como é no Chrome

inserir a descrição da imagem aqui

12
  • Eu ja tenho declarado fora essas cores, elas rodam 100% normal no Chrome. porem nos outros não...por isso tive que declarar assim para o Mozila ler. Agora o Mozila e o Chrome estão OK...porem o IE nada acontece...
    – Igor
    Commented 22/08/2019 às 19:59
  • @Igor aqui funcionou normal nos dois, IE e EDGE, entrei pelo link que vc postou e a cor tb estava igual nos dois. Se vc quiser vc pode tentar fazer algum hake tb para o IE. Aqui tem uma resposta sobre isso que pode te ajudar pt.stackoverflow.com/questions/266906/restringir-css-ao-ie/… no que vc coloca lá para o IE use !important pode se que ajude
    – hugocsl
    Commented 22/08/2019 às 20:35
  • Serio cara? eu to testando ja faz 1 semana e não aparece pra mim...jura que apareceu normal nos 2? como pode isso que estranho....mesmo com aquele aplicação?
    – Igor
    Commented 22/08/2019 às 20:43
  • @Igor limpe o cache do seu navegador e tente novamente, ou acesse de outro PC para testar. Coloque tbm margin:0 no seu html e body pelo css
    – hugocsl
    Commented 22/08/2019 às 20:45
  • voce pode me mandar a tela mano? Vou veirificar aqui...ja tinhe feito tudo isso não e possivel
    – Igor
    Commented 22/08/2019 às 21:00

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .