Background Image is not fitted to screen in IE8+ versions

Question

Hi I have an image which should be background image I have written a div and inside div I maintained some style for it and its working fine in Chrome and mozilla firefox , but its not working in IE8+ versions. below is the div that I used in my html.Do someone please respond to this.

<div style= "background:url(../portal/images/AWI_logo.png) no-repeat; background-size:100% 100%;">

I am new to stackover flow I am trying to insert my div but its not showing could you please helpme out . — Pradeep Ramisetti, Sep 28 '16 at 09:37
http://stackoverflow.com/questions/4885145/ie-8-background-size-fix — ArtemKh, Sep 28 '16 at 09:38
use `background-size: cover;` (works since IE9) - background-size is not supportet by IE8 ([see here](http://caniuse.com/#search=background-size)) — Andy Tschiersch, Sep 28 '16 at 10:03
tried using background-size:cover but in Chrome and Mozilla the image is not showing fully. I have used the height and width as well. but no result — Pradeep Ramisetti, Sep 28 '16 at 10:20

score 0 · Answer 1 · answered Sep 28 '16 at 10:37

You can use background-size: cover;

<h2>background-size: cover;</h2>
<div id="cover"></div>

div {
  width: 900px;
  height: 400px;
  border: 1px solid black;
  margin-bottom: 1em;
  background-image: url(img.jpg);
  background-repeat: no-repeat;
}

#cover { background-size: cover; }

see sample here you can learn more from csstricks here

Background Image is not fitted to screen in IE8+ versions

1 Answers1