Question

我在制作HTML页面时遇到问题。具体来说，我想要一个特定尺寸的背景图像（大于屏幕）;但是，我希望保持纵横比，并且图像尽可能多地填充屏幕（没有平铺）。

我还希望能够相对于背景图像定位其他元素;背景是内容的一部分，我希望其他元素（例如文本）在浏览器窗口的任何分辨率下保持其在图像中的位置。

任何人都可以给我一个解决方案吗？我（显然）可以使用HTML，CSS和JavaScript。如果找不到解决方案，我会将图像设为800X600或1024x768，并坚持使用该分辨率。我希望我不必诉诸于此。

编辑：我应该提到backgound-size: contain;不能正常工作。至少不适合我。

Answer 1

使用css背景大小值'包含'

body
{
    background-image:url('smiley.gif');
    background-repeat:no-repeat;
    background-size:contain;
}