ポジションアブソリュートを使用した画像上の背景画像

Question

このページでは、<div class="bg-over">を持っています。このdivには背景画像があり、ノイズ画像にする必要があります。

ここで見ることができます：http://imiodrag.dyndns.org:8080/club023/任意のsugestions？

// LE

<div class="home-featured-bg"> 
    <div class="bg-over"> 
    <div class="absolute"> 
     <div class="slide"><img src="<?php echo PATH; ?>/images/content/bg-1.jpg"/></div> 
     <div class="slide"><img src="<?php echo PATH; ?>/images/content/bg-2.jpg"/></div> 
     <div class="slide"><img src="<?php echo PATH; ?>/images/content/bg-3.jpg"/></div> 
    </div><!-- end .absolute--> 
    </div><!-- end bg-over--> 
    </div><!-- end home-featured-bg--> 

CSS

.bg-over{position:absolute;width:100%;height:100%;z-index:1;background-image:url(../images/bg-agenda.png);} 

Answer 1

あなたは、背景画像は、背景画像を含む要素の子である要素の上に描画することはできません。あなたがする必要があるのは、ラッパーの別の子に背景イメージを適用し、それを他のすべての要素の上に配置することです。これはそれの下にある要素との相互作用を防ぐので、あなたのためには機能しないかもしれません。

私はずっと前景画像のプロパティを望んできました。

Answer 2

私はスライド用のホルダdivの上

<div class="bg-over"> 
    <!-- agenda loading --> 
</div><!-- end bg-over--> 


    <div class="home-featured-bg"> 
    <div class="absolute"> 
     <div class="slide"><img src="<?php echo PATH; ?>/images/content/bg-1.jpg"/></div> 
     <div class="slide"><img src="<?php echo PATH; ?>/images/content/bg-2.jpg"/></div> 
     <div class="slide"><img src="<?php echo PATH; ?>/images/content/bg-3.jpg"/></div> 
    </div><!-- end .absolute--> 
    </div><!-- end home-featured-bg-->