Question

所以在我要告诉你的页面上我有<div class="bg-over">这个div有一个背景图像，我需要它超过那些滑动图像，它是一个噪声效果图像。

你可以看一下：http://imiodrag.dyndns.org:8080/club023/任何消化？

// 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上来解决这个问题

<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-->

在图像的背景图像与绝对的位置

2 个答案: