2013-05-17 5 views
18

मैं वेब खोज रहा हूं लेकिन उत्तर नहीं मिला। क्या किसी छवि में बूटस्ट्रैप बटन ओवरले या एम्बेड करना संभव है? यदि हां, तो कैसे?छवि पर बूटस्ट्रैप बटन ओवरले/एम्बेड कैसे करें?

मेरे पास एक छवि है जिसे मैं बूटस्ट्रैप बटन ओवरले करना चाहता हूं, ऐसा लगता है कि यह छवि में एम्बेडेड है। मैं चाहता हूं कि बटन पर गतिशील लेबल हो (पूर्व में किसी के नाम के लिए)।

+0

आप शायद http://www.w3schools.com/css/css_positioning.asp पर एक नज़र डालना चाहें –

+0

धन्यवाद स्टैनो । ऐसा लगता है कि यह काम करना चाहिए। –

+1

मैं अभी भी सीख रहा हूं कि यह उत्तर कैसे प्रश्न/स्वीकृति प्रश्नों को स्वीकार करता है :) ज्यादातर बार मैं कहता हूं कि मुझे 2 दिन इंतजार करना है और मैं भूल जाता हूं। धन्यवाद फिर से –

उत्तर

28

स्टैनो ने मेरे लिए सवाल का जवाब दिया!

"... हाँ बटन इस तरह, छवि टैग ऊपर तैनात किया जा सकता है उदाहरण के लिए: http://jsfiddle.net/ubWuX"

HTML:

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

सीएसएस:

#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 सत्यापित करें, यह काम नहीं कर रहा है .. !! –

संबंधित मुद्दे