イメージの背景イメージはどのように設定できますか？

Question

私は幅と高さが私がJavaScriptを持っているイメージを持っています。私は画像上に背景画像を設定したい。

は、再生アイコンと呼ばれる動画の画像をYouTubeに表示するような背景画像を意味します。

私はそれらを画像に表示したいと思います。誰かがイメージ上にプレイコンを設定する方法を教えてもらえますか？

Answer 1

私はあなたの質問を正確に理解できませんでした。

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/

はい、次の例を確認した場合、私はあなたが img background-image上を配置するとします

divは、position:relativeとimgsの内部にあり、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