背景滑塊

我有一個滑塊在我的網頁上，你看到它在這裏：http://tiny.cc/yeguox 背景滑塊

但我做了一個背景，但背景是不是在頂部。現在它在我的幻燈片下。如何確保背景高於幻燈片項目？什麼z-index？

Thiks！

2014-11-05 Eddy Emmer

似乎在鉻工作正常？你可以發佈html/a jsfiddle作爲例子嗎？ – jbutler483 2014-11-05 09:00:28

，如果你的「背景是這樣一個：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 
}

應該可以正常工作

來源

2014-11-05 12:03:15

感謝您的回覆。我想要這個圖像作爲背景：http://www.drawingforkids.org/images/131987-quality-vintage-wallpaper-backgrounds-wallpaper-background-by-click.jpg 你可以看到左側和右側的小花這些花必須位於te滑塊的前部/頂部/頂部。所以滑塊位於第二位，花在第一位。我該怎麼做？ – 2014-11-06 10:32:19

回答

相關問題