css - 图像尺寸最小值 100%，以较大者为准

Question

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

背景图像会拉伸(stretch)和收缩，但不会小到足以显示白页，它始终以某种方式保持 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 .