是否可以将多个（两个）按​​钮悬停在图像上？

Question

我有一个响应式页面，我想放置＆＃34;保存＆＃34;和＆＃34;删除＆＃34;图标作为按钮在图像上方。任何想法如何管理，即使页面调整大小？

Answer 1

调整大小不会影响按钮的事件。更好的是，你可以使用bootstrap glyphicons来保存和删除图标。做响应更容易。 http://getbootstrap.com/components/ 这是在bootstrap中使用的基本glyphicons ...  （要么） 将图像放入链接（＆＃39;属性＆＃39;）然后在悬停时更改图像的不透明度

Answer 2

我想你想要这样的东西。

＆＃13;

＆＃13;

.button {
position:absolute;
background-color:red;
top:0;
left:0;
width:50px;
height:80px;
}

.right {
left:120px}

.name-me {
position:relative;}

＆＃13;

<div class="name-me">
<img src="https://lh3.googleusercontent.com/MOf9Kxxkj7GvyZlTZOnUzuYv0JAweEhlxJX6gslQvbvlhLK5_bSTK6duxY2xfbBsj43H=w300">

<div class="button left"></div>
<div class="button right"></div>
</div>

＆＃13;

＆＃13;

＆＃13;