Javascript 在可调整大小的窗口中使用Z索引将图像居中？

我的图像完全居中，直到我决定将一个图像放在另一个图像后面并使用z索引。我使用的是相对定位，但移动到绝对后，它会向左对齐

即使调整了窗口的大小，如何使其居中

以下是我在JSFIDLE中的代码：

HTML Javascript

---

试试这个也许这个能帮上忙

CSS

left:50%;
margin-left: -120px; /*div width divide by 2*/

---

试试这个也许这个能帮上忙

CSS

left:50%;
margin-left: -120px; /*div width divide by 2*/

---

解决方法是将图像放在另一个div中，并将该div居中：

html

<div class="center">
    <div id="sign">
        <img src="http://s9.postimg.org/bql0ikclb/dope.png" alt"" />
    </div>
    <div id="numbers">
        <img src="http://s9.postimg.org/z3j212sov/image.png" alt"" />
    </div>
</div>

---

一种解决方法是将图像放在另一个分区中，并将该分区居中：

html

<div class="center">
    <div id="sign">
        <img src="http://s9.postimg.org/bql0ikclb/dope.png" alt"" />
    </div>
    <div id="numbers">
        <img src="http://s9.postimg.org/z3j212sov/image.png" alt"" />
    </div>
</div>

这应该行得通

---

---

这应该行。

您真的还在使用

标记吗？哇，你的小提琴里没有代码：）边距：自动；不使用位置：绝对/固定；据我所知，对不起，穆尼布！给你：哈哈哈，中间标签和jquery 1.4你真的还在使用

标签吗？哇，你的小提琴里没有代码：）边距：自动；不使用位置：绝对/固定；据我所知，对不起，穆尼布！给你：哈哈哈，中间标签和jquery 1.4I是慢了：D我唯一要添加的是，如果

margin:auto

在IE中不起作用，

doctype

需要更改，这样它就不会处于怪癖模式（但老实说，我目前不知道这是哪个版本的问题），谢谢你的帮助，我真的很感激。虽然这个例子非常好用，@Markipe的答案要简短得多，并且在我正在处理的小页面（即将发布的页面）上使用它更有意义。再次感谢你！如果我在一个更复杂的页面上工作，我肯定会使用您的方法！：）@user1886754没有问题-只是想让您知道，自1998@Pete非常感谢。当某件事不起作用时，尝试每一件事只是一种习惯。我想如果它真的起作用了，那该怎么办哈哈。我要放慢速度：D我唯一要添加的是，如果

margin:auto

在IE中不起作用，

doctype

需要更改，这样它就不会处于怪癖模式（但老实说，我目前不知道这是哪个版本的问题），谢谢你的帮助，我真的很感激。虽然这个例子非常好用，@Markipe的答案要简短得多，并且在我正在处理的小页面（即将发布的页面）上使用它更有意义。再次感谢你！如果我在一个更复杂的页面上工作，我肯定会使用您的方法！：）@user1886754没有问题-只是想让您知道，自1998@Pete非常感谢。当某件事不起作用时，尝试每一件事只是一种习惯。我想如果它真的起作用了怎么办哈哈。

<div class="center">
    <div id="sign">
        <img src="http://s9.postimg.org/bql0ikclb/dope.png" alt"" />
    </div>
    <div id="numbers">
        <img src="http://s9.postimg.org/z3j212sov/image.png" alt"" />
    </div>
</div>

.center {
    position:relative; 
    max-width: 241px;
    margin:0 auto;
}

#sign {
    cursor: pointer;
    max-width: 241px;
    position:absolute;
    top:0; 
    left:0;
    z-index:2;
}

#numbers {
    cursor: pointer;
    max-width: 241px;
    position:absolute;
    top:0; 
    left:0;
    z-index:1;
}

#sign {
    cursor: pointer;
    max-width: 241px;
    position:absolute;
    margin-left:calc(50% - 120px);
}

#numbers {
    cursor: pointer;
    max-width: 241px;
    position:absolute;
    margin-left:calc(50% - 120px);
}