background-size: cover – IE7/8

[iknowdavehouse]

Hello there…

Is there a CSS solution to the background-size: cover in IE7 / 8?

Using it on the image area of a slider…I need to be able to move the background image around on certain breakpoints too..which is why I’ve included background position…

• Heading

  Content

  Learn More

CSS

#hero .slides .img { background: no-repeat left top; background-size: cover; background-position: 0px -112px;}

The issue on IE7/8 is that it displays at 100% size, not 100% to the container so you just see the top left of the image.

[Paulie_D]

Background-size is not supported below IE9.

Only thing I can think of is an IE specific stylesheet for older versions.

Other solutions might offer themselves up if we knew the context…is this a sprite or something?

Do you have a link?

[TheDoc]

https://css-tricks.com/perfect-full-page-background-image/

[Author]

Posts