css3插入效果的陰影

Question

我想弄清楚如何在使用CSS3插入陰影時創建類似效果的選項卡。

這裏是我的嘗試：http://beta.songdesk.com/home/tour/overview

而且這裏是它需要看起來像：

http://beta.songdesk.com/img/tab-box-shadow-page.png

Answer 1

這已經在這裏討論：
Vertical Tabs with JQuery?

而對於影子我會只需使用常規CSS： http://css-tricks.com/snippets/css/css-box-shadow/

Answer 2

簡而言之，您嘗試在此處實現的功能無法完成，因爲您正在處理單獨的框，而不是單個多邊形。

人們可以做一個很多欺騙與額外的覆蓋divs和其他東西，但它會混亂的標記，很難得到正確/維護。

您可能希望使用border image，但這可能仍然涉及一些欺騙性，但應該更容易在不同瀏覽器之間獲得一致的外觀。