html - CSS 位置使图像预览一半可见

Question

我正在做一个元素，我正在使用 woocommerce 动态图库专业版插件在产品页面中预览产品图片。但问题是预览图像在 IE 中显示了一半。

请你们在 IE 中检查以下链接并帮助我修复。

http://www.joannelouise.com/shop/sexy-ladies-red-embellished-dress/

我找到了一个修复程序，但我不明白我是如何应用它的。

我注意到如果我从下面的类中删除位置，它可能会修复错误。但是当我给位置一些值时，比如绝对的、相对的、固定的、静态的甚至继承。在我关闭位置之前它不会给出任何响应。

所以请大家帮我解决这个问题。

以下是我的改动。影响了 50%。

.ad-gallery .ad-image-wrapper .ad-image {
    overflow: visible !important;
    position: inherit !important;
}

但是位置的东西不工作

Answer 1

你真的应该避免这么多内联样式。它会导致困惑的代码和更多的工作。

出于某种原因，您将 .ad-image 设置为 {top: 179px;}。试试这个(删除内联 top 语句后):

.ad-gallery .ad-image-wrapper .ad-image {
    top: 0;
}

奇怪的是，我在 Firefox 中看到了 {top: .5px}。我不确定发生了什么。