2017-04-16 12 views
0

平和と祝福があなたにあります。div要素をオーバーレイする方法は?

基本的に私が持っている:

<div class="container"> 
    <video class="viddeo"></video> 
    <img class="img" src=""/> 
</div> 

ジャストたいオーバーレイimgvideo以上の要素。 参考:(position:absolute;を使用できません。

Jsfiddle:https://jsfiddle.net/7qhygsoj/

+0

絶対使用したくない場合は、JSを使用できますか?私は個人的に絶対に使用することをお勧めします。どうしてあなたは絶対を使うことができないのですか? – Lucian

+0

@ Lucianこれらの要素は実際にはforループで動的に作成されるため、 'position:absolute'を使用すると他の不要な要素もオーバーレイされます。 –

+0

あなたは適切なレイアウトを作成し、親に対して 'position:relative'を作成してもそれはできません。ループ内で作成された各要素の各親を作成する – Lucian

答えて

0

あなたがイメージposition:relativevideoheightしかし、我々は以下のように、topimage tagを移動する必要があるとnegative valueと同じ、その後top値を設定することができ、

.container{ 
 
    height:200px; 
 
    width:300px; 
 
    background:black; 
 
} 
 
.viddeo{ 
 
    width:100%; 
 
    height:150px; 
 
    background:grey; 
 
} 
 
.img{ 
 
    width:100%; 
 
    height:150px; 
 
    background:blue; 
 
    position:relative; 
 
    top:-155px; 
 
}
<div class="container"> 
 
    <video class="viddeo"></video> 
 
    <img class="img" src=""/> 
 
</div>

関連する問題