2014-11-05 101 views
0

我有一个滑块在我的网页上,你看到它在这里:http://tiny.cc/yeguox背景滑块

但我做了一个背景,但背景是不是在顶部。现在它在我的幻灯片下。 如何确保背景高于幻灯片项目?什么z-index?

Thiks!

+0

似乎在铬工作正常?你可以发布html/a jsfiddle作为例子吗? – jbutler483 2014-11-05 09:00:28

回答

0

,如果你的“背景是这样一个:IMAGE它永远不会显示为已在滑块容器把图像background-image如此明显的的图像,容器内将显示在顶部

你需要做什么。是在你的HTML前id="prevBtn" span这样一个加一个div里面id="slider"权:

<div class="border-image"></div> 

,并添加这个CSS:

.slider4_effect {position:relative;} 
.border-image { 
    position:absolute; 
    width:100%; 
    height:100%; 
    background-image:url('http://magento.gaafwebdesign.nl//skin/frontend/rwd/shop/images/sliderbg.png'); /*or your relative path*/ 
    background-size:cover 
} 

应该可以正常工作

+0

感谢您的回复。我想要这个图像作为背景:http://www.drawingforkids.org/images/131987-quality-vintage-wallpaper-backgrounds-wallpaper-background-by-click.jpg 你可以看到左侧和右侧的小花这些花必须位于te滑块的前部/顶部/顶部。所以滑块位于第二位,花在第一位。 我该怎么做? – 2014-11-06 10:32:19