CSS和不同大小的显示器？

我正在做一个网站（WIP）。我遇到了一些CSS问题，希望你们能帮助我

我目前的情况：

• 我有一个am图像，我们称它为“bg.png”，宽度约为2500px，背景图像的中心有我的徽标
• 我的网站应该面向所有规模（从800 x 600到2400 x XXX）的用户

我的问题：

• 如何集中背景图像（bg.png），使徽标始终位于不同大小显示器屏幕的中心（水平方向）

---

这将使图像以全尺寸显示在页面中心，用户将在浏览器窗口允许的范围内看到尽可能多的背景图像。

如果它只是一个徽标文件，您可以使用它

<style>
img
{
    position:absolute;
    left:-50%;
    top:-50%;
    z-index:-1;
}
</style>

img
{
位置：绝对位置；
左-50%；
前-50%；
z指数：-1；
}

它可能在InternetExplorer上不起作用，但您可以对position:absolute进行一些修改，如上所述

#your_img {

   position: absolute;
   left: 50%;
   margin: -1250px;
}

---

当您将img元素放到另一个框中时，此解决方案是必要的。但要小心-这可能会改变家长框的大小。

作为新用户，如果答案符合您的需要，请确保单击“接受”勾选。问题要按说明清楚（当前情况->问题/期望的行为）。您应该知道有些屏幕大于2500。你也可以在多个屏幕上展开一些东西。所以2500不是一个足够大的限制。谢谢大家，你们都是如此友好和乐于助人：）谢谢，它起作用了。但我需要再等9分钟才能接受答案。谢谢GraphainWelcome Studler，很乐意帮忙。它值得注册，这样你就可以随时跟踪你的问题和答案，并鼓励其他人帮助你。嗨，Graphain，它适用于FF、chrome、opera和safari。但在IE上不起作用，图像不显示。问题解决了。不要像这样把所有属性放在一行中：背景：url（'images/bg.png'）50%50%no repeat；我把它们分成以下几个部分：背景：url（'images/bg.png'）不重复；背景位置：50%50%；好主意。也许IE上的顺序很重要，或者缺少一个属性（比如开始时的bg颜色）。这并不是图像的中心。图像的左侧居中，但图像的中心不居中。为此，请添加左侧边距：-50%，顶部边距：-50%。

#your_img {
  width: 2500px; //In example 2500px
  margin: 50%;
  padding: -1250px; // 2500 divided by 2
}

#your_img {

   position: absolute;
   left: 50%;
   margin: -1250px;
}