2013-05-17 10 views
18

私はウェブを検索していますが、答えを見つけることができません。ブートストラップボタンをイメージの上または下にオーバーレイまたは埋め込むことは可能ですか?もしそうなら、どうですか?イメージにブートストラップボタンをオーバーレイ/埋め込む方法は?

画像に埋め込まれているように、ブートストラップボタンの上に重ねて表示したい画像があります。私はボタンがそれにダイナミックなラベルを持っていることを望みます(例えば、誰かの名前のために)。

+0

http://www.w3schools.com/css/css_positioning.aspをご覧ください。 –

+0

Thanks Stano 。それはうまくいくように見えます。 –

+1

私はまだこの回答/質問のものが動作する方法を学んでいる:)ほとんどの時間私はそれは2日待たなければならないと私は忘れていると言います。もう一度ありがとう –

答えて

28

Stanoが私に質問に答えました!

"...はいボタンは、このような、たとえば、画像タグの上方に配置することができます。http://jsfiddle.net/ubWuX"

HTML:

<div id="img_container"> 
    <img src="http://jsfiddle.net/img/initializing.png"/> 
    <button class="button"> click here </button> 
</div> 

CSS:

#img_container { 
    position:relative; 
    display:inline-block; 
    text-align:center; 
    border:1px solid red; 
} 

.button { 
    position:absolute; 
    bottom:10px; 
    right:10px; 
    width:100px; 
    height:30px; 
} 
+1

http://jsfiddle.net/ubWuXを一度確認すれば、動作しません。 –

関連する問題