Question

我无法解决这个问题，但这里有一个例子http://www.e-qas.co.uk/

背景图片会拉伸和缩小，但不会小到足以显示白页，它总是以这种或那种方式保持100％。

所有帮助表示赞赏

#main {

}

#pic {
    content:url("images/back1.jpg");

}

Answer 1

阅读this文章。我更喜欢这种获取整页背景图片的方式：

html { 
   background: url(images/bg.jpg) no-repeat center center fixed; 

   -webkit-background-size: cover;
      -moz-background-size: cover;
        -o-background-size: cover;
           background-size: cover;

    //Older IE versions
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.bg.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.jpg', sizingMethod='scale')";
}

...但文章提到了许多方法，包括跨浏览器解决方案。可以找到演示here。

Img尺寸最小100％，这是更大的

1 个答案: