THE COLOR OF MY WEBSITE DOESN’T OPEN RIGHT ON IE11 AND EDGE?

Question

Good afternoon Devs, I’m already with that...I managed to convert the colors in Firefox...plus IE no chance, and the customer still wants to look at IE...Have any way to solve? I used those codes on the Moz.

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

     body{
        background: #848484;
    }

    #header{
        background:#848484 ;

    }

are those 3 Divs I need to change in IE tbm...

Link

Answer 1

Face the problem is that you declared the color inside a "Hake" that makes the color only work on Fire fox @-moz-document url-prefix() { } everything inside of this will only render in the Mozilla browser, or in other browsers will show the white color #ffffff (is actually "transparent" and the background of the browser is white and not document) which is the color default of most user-agents

For the color to work on all browsers, declare it outside the @-moz-document url-prefix() { }

body{
  background: #848484;
}
#header{
  background:#848484 ;
  height: 100px;
  border: 1px solid;
}

<div id="header"></div>

---

See how it is in Chrome