Grow your CSS skills. Land your dream job.

background-size: cover – IE7/8

  • # March 4, 2013 at 11:52 am

    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…

    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.

    # March 4, 2013 at 12:04 pm

    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?

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".