CSS刷新图像？

Question

我在这里工作：http://seobeaver.ca/what-we-deliver/

我得到的产品图片与之前使用负填充底部值的绿色部分对齐：

img.img-with-animation {
opacity: 0;
position: relative;
padding-bottom: -7px;

突然之间不再有效，图像和下一部分之间有一个空格会破坏效果。

帮助？

Answer 1

负填充值无效，但负边距值为。 因此，您可以将padding-bottom更改为margin-bottom，并保留负值。

img.img-with-animation {
opacity: 0;
position: relative;
margin-bottom: -7px;
}

Answer 2

在绿色div上设置margin-top: -7px。

Answer 3

最好通过消除问题的原因来解决这个问题。因此：

img.img-with-animation {
    vertical-align: bottom;
}

默认情况下，图片设置为vertical-align: baseline，这会在它们下面留下空隙。 （图像与可能位于其旁边的任何文本的基线对齐，下方有空间用于下行）。您可以使用vertical-align: bottom;更改此内容。