Question

我在Prestashop 1.6购物。我在产品列表中创建了第三个视图。有一件事，我不能自己处理。当您将光标移到图像上时（在第三个视图中），它会在它旁边显示大尺寸，这没关系。如何将此图像向右移动一点。如果我使用margin-left或padding-left，图像会闪烁。我希望你知道我的意思。

  <div class="left image">
   <a href="#">
<img class="replace-2x img-responsive" src="/1-home_default/faded-short-sleeve-tshirts.jpg" width="250" height="250"></a></div>

.left {
    float: left;
    margin-left: 10px;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.image{
    width:32px;
    height:32px;
}

.image a:hover img{
    display: block;
    position: absolute;
    z-index: 999;
}

感谢您的帮助。亲切的问候

Answer 1

尝试在加载的图像上使用不可见的边框。

border-left: 10px transparent;

这应该为您提供所需的空间，并停止使用保证金时发生的闪烁。但是，当悬停此边框时，图像仍会显示。这取决于你想要的结果。

悬停链接后显示大图像

1 个答案: