将div移动到图像CSS上

时间:2013-06-13 06:11:40

标签: css css3 css-float

我有一个图像和一个包含2个按钮的提交表单。

我想将2个按钮放在图像的右下角。但图像可能是水平和垂直的,因此它必须始终位于右下角。

我试图搜索一些并测试,但似乎不适合我。无论如何实现这个目标?

我的图片有一个特定的ID。 我把我的表格变成了DIV。

其中一个链接

<img src='' id:'photo_img'/>

<div id='buttons'>
</div>

http://jsfiddle.net/rgmCc/

1 个答案:

答案 0 :(得分:1)

这就是你要找的东西吗?

<强> CSS

#directions{
    height: 50px;
    width: 50px;
    position: relative;
}
#directions a{
    position: absolute;
    bottom: 0px;
    right: 0px;
}

<强> HTML

<div id="directions">
    <a href="#">Maps</a>
</div>

>> WORKING EXAMPLE <<

我认为你需要将a包裹在div内(你已经有这种情况)并给出包裹div的背景加上宽度和高度,以便移动它位于容器的右下角。

希望有所帮助


修改

ANOTHER EXAMPLE