Javascript 说明div覆盖未显示在li图像上

我正在使用滑块，并试图添加描述框，覆盖图像，并随着每个div的变化而变化。我添加了一个div类，但它没有显示出来。不确定是否还需要修改javascript

css

HTML

启动2013年的募捐活动，帮助人们获得清洁用水。It&rsquo；这很有趣；这很简单，而且很容易实现；这是我们能想到的开始新的一年的最好方式

js

$（窗口）。加载（函数（）{
$（'.blueberry'）.blueberry（）；
});

---

感谢您提前提供的帮助

您需要定义css

top

属性，请查看它是否正常工作：

---

注意：在

ulli

内部使用

div

或

p

不符合web标准。我建议使用像

span

，

em

，

s

，

I

，这样的标记。您需要定义css

top

属性，请查看它是否正常工作：

注意：在

ulli

内部使用

div

或

p

不符合web标准。我建议使用像

span

，

em

，

s

，

I

这样的标签

.blueberry { 
    margin: 0 auto; 
    max-width:1280px; 
    position:relative; 
    z-index:1;  
    margin-top:-25px; 

}

.blueberry .slides {
    display: block;
    position: relative;
    overflow: hidden;
    margin:0;
    padding:0;
    list-style:none;

}
.blueberry .slides li {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;

}
.blueberry .slides li img {
    display: block;
    width: 100%;
    max-width: none;

}
.blueberry .slides li.active { display: block; position: relative; }
.blueberry .crop li img { width: auto; }

.slides .description {
    z-index:100;
    position:absolute;
    left: 0px;
    background:#000;
    color:#1d1d1d;
}

<div class="blueberry shadow">
  <ul class="slides"> 
  <li><img src="images/slide1.jpg" />
  <div class="description">
  <p>Kick off 2013 by starting a fundraising campaign to help people get access to clean water. It&rsquo;s fun, it&rsquo;s easy and it&rsquo;s the best way we can think to start the new year.</p></div></li>

<script>
$(window).load(function() {
$('.blueberry').blueberry();
});
</script>