css - CSS刷新图像？

Question

我在这个网站上工作：http: //seobeaver.ca/what-we-deliver/

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

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

突然之间不再起作用，图像和下一部分之间有一个空间破坏了效果。

帮助？

score 4 · Accepted Answer

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

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

score 0 · Accepted Answer

0

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

于 2013-08-08T02:32:43.637 回答

score 0 · Accepted Answer

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

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

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

3 回答 3