如何設置圖像的背景圖像？

Question

我有一個圖像誰是寬度和高度，我得到了JavaScript。我想在圖像上設置背景圖像。

意味着背景圖像看起來像圖像一樣youtube在視頻上顯示圖像稱爲play圖標。

我想在圖像上顯示它們。有人能告訴我如何在圖像上設置圖標。

Answer 1

我不明白你的問題。我想你想放置img在background-image如果是檢查下面的例子：

HTML

<div> 
    <img id="play" src="http://dummyimage.com/40x40/454/000&text=Play"> 
    <img id="pause" src="http://dummyimage.com/40x40/848/000&text=Pause"> 
</div> 

CSS

div {background:url("http://dummyimage.com/300x300/000/fff&text=video") no-repeat; 
    height:300px; 
    width:300px; 
    position:relative; 
} 
img#play { 
    position:absolute; 
    bottom:0; 
} 
img#pause { 
    position:absolute; 
    bottom:0; 
    left:40px; 
} 

演示：http://jsfiddle.net/ACazB/

div有position:relative和img s裏面div有position:absolute。這將允許您操縱div範圍內的任何圖像的位置。使用方框偏移top，bottom，left，right您可以將圖像移動到所需的位置。

http://css-tricks.com/791-absolute-positioning-inside-relative-positioning/

http://www.w3.org/TR/CSS2/visuren.html#position-props