漸變絕對元素

Question

我想添加一個漸變圖層到我的滑塊兩側。

所以我有這樣的代碼：

<div> 
    <div id="gradientsx"> 
    </div> 
    <ul class="slider"> 
     <li>item 1</li> 
     [...] 
    </ul> 
    <div id="gradientdx"> 
    </div> 
</div> 

.gradientsx與漸變背景和他的postision是絕對的。但是<ul>也必須有一個絕對的位置（以允許滑動），所以漸變中的漸變變得不可見。我怎樣才能解決這個問題？

這裏的樣本：http://jsfiddle.net/tPMuA/3/

Answer 1

您可以使用z-index要強行將該項目頂部的陰影DIV。但要小心，如果它位於項目之上，它也可能會阻止鼠標事件。但不知道這是否是一個問題，因爲我無法從那個小提琴中找出滑塊將會是什麼樣子。

http://jsfiddle.net/tPMuA/7/