CSS中心位置绝对图像internet explorer

我有下面的css，它在chrome和safari中以绝对定位的图像为中心

.productImg {
     width: 100%;
     position: absolute;
     left: 50%;
     margin-left: -50%;
}

---

然而，在InternetExplorer7中，这不会使图像居中。相反，图像保留在container div的左侧。我的问题是，如何使上面的脚本在ie7中工作？

您是否尝试过

margin:0 auto；文本对齐：居中？这是水平居中的最佳方式

为此，您应该像这样包装一个div：

<div class="hCenter">
<div class="productImg"></div>
</div>

编辑

如果您仍然希望与绝对位置水平居中对齐，可以这样做

编辑1

如果父div是绝对定位的，则不需要设置
位置：绝对
您的
.productImg
。只需添加
边距：0自动；文本对齐：居中
如果您的图像是其容器的宽度，并且您希望它居中，为什么不将其向左对齐

.productImg 
{
    width: 100%;
    position: absolute;
    left: 0;
}

您只需要将父div居中

div {
    width: 300px /* give div a width */
    margin: 0 auto;
}

啊，令人回忆的“我怎样才能在IE7中工作”的声音不是一个明确的重复，但可能会有所帮助。问题是我已经为父div设置了一个固定的高度/宽度，而且问题仍然存在。另一个线程的答案是，父div没有固定的高度/宽度，正如上面建议的那样，仍然存在相同的问题。我的父div是相对定位的，所以我只将上面的.productImg代码应用于我的img类。但仍与左边对齐是否应用了边距：0自动；文本对齐：居中；是的，由于某种原因，小提琴在ie7中工作，我创建的另一个测试文档也以图像为中心，但是我正在工作的实时站点不会因为某种原因而改变。酷。我希望有时间弄清楚为什么IE7对css的解释不同，但考虑到IE7的市场份额暴跌，这可能没什么大不了的：
.productImg 
{
    width: 100%;
    position: absolute;
    left: 0;
}

div {
    width: 300px /* give div a width */
    margin: 0 auto;
}