如何控制绘制为div背景的图像分辨率

Question

我正在尝试将图像绘制为div元素的背景。但无法弄清楚如何控制图像的分辨率。

我的图像分辨率为1400X900像素。我想要绘制该图像，以便它不会被修剪并适合屏幕。如何设置图像大小以使其适合屏幕？我尝试使用背景大小，但它在I.E。

中无效 下面的

是我的div元素

<div style="background:url('...');">
    some more elements
</div>

Answer 1

background-size（例如background-size: contain）是要走的路。但是，正如您自己所说，这在IE 8及以下版本中不起作用。

对于旧版IE，您可以考虑使用background-size polyfill来模仿background-size。

您可以编写一个执行相同操作的脚本，但这可能比它的价值更麻烦。

Answer 2

使用Css3选项background-size。

例如     background-size:100% 100%;