将3个社交图标对齐在背景图像上均匀分布在div中

时间:2010-07-27 22:47:01

标签: css alignment

我有一个容器div标签,它包含一个名为“tray”的图像,该图像提供了3个社交网络图标的背景,这些图标沿着托盘平均分开。

我也喜欢在翻转它们时让图标悬停,但我在将其定位在另一个div中时遇到了一些问题。我只是希望它与左边对齐,这就是全部,似乎没有任何作用!

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

http://www.marioplanet.com/

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

我感谢任何建议,谢谢!

BOSS

1 个答案:

答案 0 :(得分:0)

所以你要发生的事情是,当你想要的是位置相对时,你试图使用绝对位置。从包含div中移除绝对位置和其他位置,使其边缘与弹出距离相同。这将为您提供弹出操作的空间。然后让你的“跟随我们”图像位置相对并顶部:-30px这将导致图像正常位置,但然后你将其提高30像素以覆盖跟随的图像。