0
我有一個圖像誰是寬度和高度,我得到了JavaScript。我想在圖像上設置背景圖像。如何設置圖像的背景圖像?
意味着背景圖像看起來像圖像一樣youtube在視頻上顯示圖像稱爲play圖標。
我想在圖像上顯示它們。有人能告訴我如何在圖像上設置圖標。
我有一個圖像誰是寬度和高度,我得到了JavaScript。我想在圖像上設置背景圖像。如何設置圖像的背景圖像?
意味着背景圖像看起來像圖像一樣youtube在視頻上顯示圖像稱爲play圖標。
我想在圖像上顯示它們。有人能告訴我如何在圖像上設置圖標。
我不明白你的問題。我想你想放置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;
}
div
有position:relative
和img
s裏面div
有position:absolute
。這將允許您操縱div
範圍內的任何圖像的位置。使用方框偏移top
,bottom
,left
,right
您可以將圖像移動到所需的位置。
http://css-tricks.com/791-absolute-positioning-inside-relative-positioning/
如果使用javascript爲什麼不只是添加圖像(具有透明性的.PNG)用z-index和絕對定位和相對的位置上設置的包含分區/元件 – Xavier