将 3 个社交图​​标在背景图像上等距对齐，全部包裹在 div 中

Question

我有一个容器 div 标签，它包含一个名为“tray”的图像，它为沿托盘等距分布的 3 个社交网络图标提供背景。

我也希望在我将它们翻转时让图标悬停，但我在将其放置在我的另一个 div 中时遇到了一些问题。我只是希望它向左对齐，仅此而已，似乎没有任何效果！

抱歉，当我将代码插入此问题对话框时，它似乎不起作用，因此您可以在以下位置查看代码：

http://www.marioplanet.com/

我有翻转效果的提升，只是没有与我的其他页面对齐，正如您在访问我的网站时所看到的那样，它有点乱！ :)

感谢任何建议，谢谢！

老板

Answer 1

所以你要做的是，当你想要的是相对位置时，你试图使用绝对位置。从包含的 div 中删除绝对位置和其他定位，并使其顶部边距与弹出距离相同。这将为您提供弹出操作的空间。然后使您的“跟随我们”图像位置相对，并使顶部：-30px 这将导致图像正常定位，但随后您将其向上提升 30 像素以覆盖后续图像。