0

スライダーの側面にグラデーション レイヤーを追加したいと思います。

だから私はこのコードを持っています:

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

.gradientsx にはグラデーションの背景があり、その位置は絶対です。しかし、<ul>(スライドを許可するために) には絶対位置も必要であるため、gradientsx の勾配は見えなくなりました。どうすればこれを修正できますか?

サンプルは次のとおりです。http://jsfiddle.net/tPMuA/3/

4

1 に答える 1

0

z-indexアイテムの上にシャドウ div を強制するために使用できます。ただし、アイテムの上にある場合、マウスイベントもブロックされる可能性があることに注意してください。ただし、これが問題かどうかはわかりません。そのフィドルからは、スライダーがどのように見えるかがわからないためです。

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

于 2012-11-10T10:37:05.103 に答える