All Posts by Email, Once a Week

Media Temple logo

CSS-Tricks is brought to you in part by Media Temple, the web hosting that we both use and recommend.

background-size fix for ie7

  • # January 14, 2012 at 7:43 am

    is there any way to fix “


    ” for IE7. i tried using an image within an absolute div with “width:100%” but then there comes design problems. so, isn’t there any way to fix it ?

    # January 14, 2012 at 1:34 pm

    This reply has been reported for inappropriate content.

    tried this out, but it is not working. except for i cannot use the “div” method as i already have many div’s there. i am using this for header

    #header {
    background:url(../images/main/header.jpg) no-repeat center center;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/main/header.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/main/header.jpg', sizingMethod='scale')";

    and this for an item page

    .item {
    background:url(../images/main/item_background.png) no-repeat bottom fixed;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/main/item_background.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/main/item_background.png', sizingMethod='scale')";
    # January 15, 2012 at 9:05 pm

    I’m pretty sure that fix posted above is the only thing you can do for IE7. Also, fun fact, you should be using it for Chrome as well. Chrome (shockingly) will start to chug on pages that have a full-sized background that is using the background-size: cover method.

    # January 16, 2012 at 6:40 am

    This reply has been reported for inappropriate content.

    thankyou !

    # December 26, 2012 at 10:58 pm


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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed