html – CSS – 图像内的位置按钮

前端之家收集整理的这篇文章主要介绍了html – CSS – 图像内的位置按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个包含图像的div,我需要在图像内部放置一个按钮到图像的右上角,当我这样做时
#button_id{
position: relative;
    left: 270px;
    top: 30px;
}

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

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

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

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

解决方法

你应该给包含图像的div一个位置:relative和你的按钮包含在该div中的位置:绝对.这将相对于容器div定位按钮.

猜你在找的HTML相关文章