CSS - 图像内的位置按钮

Question

我有包含图像的div,我需要在图像中放置一个按钮到图像的右上角,当我这样做时

#button_id{
position: relative;
    left: 270px;
    top: 30px;
}

这样做是将按钮图像放在其他地方,它将图像向左和向下移动,但是现在按钮可以在条形图中从最初放置到div最右边的位置点击.当我试试这个

#button_id{
     position: relative;
     float: right; padding: 0px -40px -15px;
}

它将按钮向右移动但不会向下移动.

注意:按钮位于div内部,没有css,它位于中心图像的顶部

Answer 1

您应该给包含图像a的div position:relative和包含在该div中的按钮a position:absolute.这将按钮相对于容器div定位.