如何在图像上放置跨度

Question

我有这个code：我想将span元素menu_label放在图像上，而不是放在底部。

Dunno为什么它开始从容器的底部（即，使用类menu）获得顶部和左侧。

有什么想法吗？

Answer 1

将menu_label上的位置更改为绝对，并将position:relative添加到menu

http://jsfiddle.net/uc8jc/2/

Answer 2

使用position：absolute;对于跨度而不是相对

Answer 3

您似乎对position: relative的工作原理感到困惑。

你有：

position:relative; top:50px; left:5px;

将跨度的顶部定位在距静止位置50个像素的位置，并将其左边缘放置在距其原点右侧5个像素的位置。

Answer 4

使用position:absolute代替position:relative

此参考可能有所帮助：CSS Positioning 101

Answer 5

将position:relative添加到容器中，并将position: absolute添加到.men_label中。

代码如下：

.menu{
 position:relative;
}
.menu_label {
 position: absolute;
 top: 85%;
 left: 5%;
}