The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › background-size: cover – IE7/8
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…
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.
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?
https://css-tricks.com/perfect-full-page-background-image/