PNG background image is showing in IE8 but not in IE9-10-11

  • I just made a new website using TwentyTwelve. The only bug I can’t find how to is my site background image

    It’s a PNG : photo image on top to transparent image at bottom… so it normally merge into background color of the page.

    All uptodate browser are ok, even IE8.. but IE 9-10-11 doesn’t even show the background image. Help! I am guessing to be related to some theme file/code maybe ?

    I have also notice that TwentyTwelve header are calling stuff about IE and also a second style sheet for IE. Is it related to this bug ?

    My code

    body {  /* the whole page is beige colored */
background-color: #e2e2d7;}

.site {  /* this main wrapping div have no background color, but a photo image in the background */
  background-image: url("https://mysite.com/wp-content/themes/mytheme/images/bg-wrapper960.png");
  background-repeat: no-repeat;
  background-position: center 80px;
}

    [ No bumping please. ]

Viewing 2 replies - 1 through 2 (of 2 total)

  • I’m having a similar problem, except that my background image does actually show on IE 11. But it refuses to show on IE 9 or IE 10.

    I tried adding a border, tried using overflow: hidden, and even tried switching to a .gif background instead. Nothing seemed to work.

    Did you ever figure out a solution?

    If not, does anyone else have a solution?

    Thread Starter mpesgt01

    (@mpesgt01)

    make sure it is big enough for IE, bigger than 4×4 px. make sure the url is good, try short and long url. for me it is working, but weirdly with a delay of seconds…

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘PNG background image is showing in IE8 but not in IE9-10-11’ is closed to new replies.