Html5：親divに画像を追加し、子div画像を表示し続ける

Question

私はHTML5コードを持っています。親divと子divが2つあります。親divはページ全体を取り、各child divは半分のページを取ります。私はいくつかの画像を左のdivに追加し、いくつかは右のdivに追加します。今私は、親divに画像を追加し、左と右の両方の子divsに画像を表示する必要があります。 e私は、すべてのイメージをスーパーに課し、visubaleしたい。 これを行う最も簡単な方法は何ですか？このような

<div id="parent"... > 
    <div id="leftChild">... </div> 
    <div id="rightChild">... </div> 
</div> 

Answer 1

何か：

コードはこのようなものですか？ http://moody.es/nons/kek.html

コードを表示するには、ページのソースを表示してください。

親画像にはposition: absolute;があり、子供の<img>にはz-index: 1;が設定されています。 z-indexを使用する場合は、問題の要素を配置する必要があります。position: relative;

Answer 2

親のコンテナを相対的に作成する必要があるか、それともそのまま使用する必要があるかもしれません！

#parent{ 
 
    width: 100%; 
 
    height: 100%; 
 
    position: absolute; 
 
    background-image: url("http://www.slate.com/content/dam/slate/articles/health_and_science/science/2015/07/150730_SCI_Cecil_lion.jpg.CROP.promo-xlarge2.jpg"); 
 
    opacity: 0.75; 
 
    z-index: 9; 
 
} 
 
#leftChild{ 
 
    width: 250px; 
 
    height: 125px; 
 
    position: absolute; 
 
    top: 0px; 
 
    left: 0px; 
 
    background-image: url("https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQBUBNygUQANzDPmF45jMi81XQ-nJ70Zw4LGvfpvpTLehLNjWZK8w"); 
 
    
 
    z-index: 0; 
 
} 
 
#rightChild{ 
 
    width: 250px; 
 
    height: 150px; 
 
    position: absolute; 
 
    top: 0px; 
 
    right: 0px; 
 
    background-image: url("https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcSMc12mb4F7OWtwX_r9Sry0SOQgme7GUwXTHVhIipN2WkCWpGZnNQ"); 
 
    
 
    z-index: 0; 
 
} 
 
#parent, #leftChild, #rightChild{ 
 
    
 
    background-repeat: no-repeat; 
 
    background-size: 100% 100%; 
 
}

<div id="parent"... ></div> 
 
    <div id="leftChild">... </div> 
 
    <div id="rightChild">... </div>