带有制表符效果的css3插入阴影

时间:2011-02-02 01:49:54

标签: html css3

我正在尝试弄清楚如何在使用CSS3插入阴影时创建类似效果的标签。

这是我的尝试:http://beta.songdesk.com/home/tour/overview

这就是它需要的样子:

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

2 个答案:

答案 0 :(得分:1)

简而言之,你在这里想要实现的目标是无法完成的,因为你处理的是单独的盒子,而不是单个多边形。

人们可以使用额外的,重叠的div和其他东西做一个很多的欺骗,但它会使标记变得混乱,并且很难得到正确/维护。

您可能希望使用border image,这可能仍然涉及一些技巧,但应该更容易在浏览器之间获得一致的外观。

答案 1 :(得分:-2)

这已在此讨论:
Vertical Tabs with JQuery?

对于阴影我只会使用常规CSS: http://css-tricks.com/snippets/css/css-box-shadow/