html - 背景图像中心和调整大小

Question

我正在为客户开发一个网站，其中有一个背景图像，该图像将在页面上居中，并覆盖文本、链接等。

我目前将图像调整如下:

img.bg
   {
   height:100%;
   position:absolute;
   }

这会使图像适合浏览器的高度，但会向左对齐。我需要它居中。

因为我需要它有条件地响应浏览器高度的变化，所以通常的居中技巧不起作用。

谢谢!

Answer 1

尝试删除“position:absolute”并添加 margin: 0 auto。例如:

img.bg
{
   height:100%;
   margin: 0 auto;
}