如何使用css将图像附加到框的顶部

Question

我有一个菜单，当div像这样徘徊时下拉

http://www.flickr.com/photos/41695354@N08/5591505298/

我想在这个菜单的顶部添加一个箭头，如下所示

http://www.flickr.com/photos/41695354@N08/5591505300/

如何实现这个

Answer 1

其中一种方法是，您可以设置“帐户”框的样式，使其为position: relative，这样在此框中就会显示带有position: absolute的箭头图像，您可以调整top和left，将箭头图片放在“帐户”框顶部。

绝对定位元素对于位置不是static的最近祖先元素是绝对的。所以relative很重要。只需确保“帐户”框中没有设置top或left。