2012-06-02 56 views
-1

我想在任何地方使用的box-shadow除了從這個例子上:如何使用z值?

http://jsfiddle.net/KquxS/2/

我敢肯定它可以用z值來完成,但我不知道怎麼樣,因爲你可以看到我已經嘗試了一下,但沒有運氣。

+0

什麼你通過你的意思是不想使用陰影「從頂部」嗎? –

+0

我不明白你的問題,但是z-index只有在你和position:absolute'或者position:relative'一起使用的時候纔會起作用。所以在你的例子中,z-index根本不被讀取...... – Neograph734

+0

對不起,如果你把鼠標懸停在'Register'鏈接上,你應該看到陰影出現在整個菜單週圍。我只希望它顯示在左側,底部和右側(而不是頂部)。 – Kryptix

回答

0

我不會推薦使用z-index。

考慮使用以下樣式:

ul:not(:first-child) { 
    box-shadow:0 0 40px black; 
} 

我要離開,但我覺得你剛纔發佈的評論幫助澄清你在找什麼。

+0

你可以編輯jsFiddle以顯示你的意思,因爲我不認爲這就是我所追求的? – Kryptix

+0

我以爲你不希望盒子陰影出現在前2名單上。我沒有意識到你在談論列表的邊緣。 –

0

如果您使用position: absolute,則必須提供該位置(topleft等)。否則positionz-index不起作用,並且元素將按照它們在DOM中出現的順序繪製。

http://www.w3.org/wiki/CSS/Properties/z-index