Question

我这里使用了bootstrap的unslider插件，图片在下面滑动，但是遮住了我的div

我这里使用了bootstrap的unslider插件，图片在下面滑动，但是遮住了我的div，能有什么办法，可以让我的div显示在ul的图片之上并且固定不随之滚动么、？求大神解答。

<div class="banner">
<div id="rank-list">
<h1>湖南农业大学</h1>
<h2>教师全年度发表论文排行榜</h2>

<div id="button">
<a href="#"><h3>显示排行</h3></a>
</div>
</div>

<ul>
<li><img src="bcg1.png" class="banner-bcg"/></li>
<li><img src="bcg1.png" class="banner-bcg"/></li>
<li><img src="bcg1.png" class="banner-bcg"/></li>
</ul>

</div>

</div>

Answer 1

这简单，将你要固定的div的 position属性值设为 absolute，如： position:absolute;注意该div的左边距和上边距不是margin-left和margin-top，而是left和top。