2017-03-04 8 views
-3

私は画像の上にボタンとして "保存"と "削除"アイコンを配置したいときに反応するページを持っています。ページのサイズが変更されても、どのように管理できるのか画像に複数のボタンを置くことは可能ですか?

+0

上の画像の不透明度を変更する私は質問を編集しました私があなたが本当に求めていると思っていることをより明確にするために、ロールバックしたり、さらに編集してください。 –

答えて

0

私はこのようなものが欲しいと思います。

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

 
.right { 
 
left:120px} 
 

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

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

3

サイズ変更は、あなたが保存し、削除アイコンのブートストラップglyphiconsを使用することができますbutton..Betterのイベントには影響を与えません。それははるかに簡単に応答することです。 http://getbootstrap.com/components/これは、ブートストラップに使用して基本的なglyphiconsです... (または) は、リンク(「属性」)内の画像を入れて、その後、ホバー

関連する問題