在IE中使背景大小工作而不会扭曲纵横比

时间:2013-03-25 22:31:11

标签: css

我想在我的网页上设置背景图片。我正在使用background-size = cover。它给了我我想要的东西,但它在IE8中不起作用。我试过了this solution which uses filter

#container{
    position: absolute;
    height: 100%;
    width: 100%;

    background: url('img/dogs.jpg') no-repeat center center;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/dogs.jpg', sizingMethod='scale');
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/dogs.jpg', sizingMethod='scale');
}

但它似乎只是拉伸图像以使其适合背景并扭曲图像的纵横比。有人可以建议任何其他解决方案?

0 个答案:

没有答案