带阴影的JQueryUI选项卡

堆叠器，我需要在以前使用插件创建的标签周围放置阴影。阴影必须位于选项卡的右侧和顶部

使用moz box shadow或类似工具可能会很棒，但我的应用程序也应该在IE上查看

我的JQuery代码（非常简单）：

这就是它的样子：

---

有人知道怎么做吗？谢谢

对于真正的浏览器，可以使用CSS3，对于IE，可以使用过滤器：

将类添加到选项卡

选项卡阴影
并使用以下CSS：

.tab-shadow
{
    box-shadow:2px -2px 6px #333333; /*standard CSS3*/
    -moz-box-shadow:2px -2px 6px #333333; /*firefox*/
    -webkit-box-shadow:2px -2px 6px #333333; /*webkit (safari, chrome*/
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=310, Color=’#000000′); /*ie*/
    height: 100px;
    width: 200px;
    border: 1px dashed #f00;
    background: #fff;
}

并不是说它只能在IE中使用边界集（根据个人经验）

：）

饼图阴影看起来比IE阴影/dropshadow过滤器更好
 你能给这些选项卡添加一个类吗？@Kyle当然，如果我们需要的话，我可以添加它们。你的解决方案很有效。我对这个答案投了赞成票，但@Willem的答案更符合我的需要。非常感谢你的帮助，凯尔。干得好：）像这样的东西正是我需要的。谢谢你，威廉。
.tab-shadow
{
    box-shadow:2px -2px 6px #333333; /*standard CSS3*/
    -moz-box-shadow:2px -2px 6px #333333; /*firefox*/
    -webkit-box-shadow:2px -2px 6px #333333; /*webkit (safari, chrome*/
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=310, Color=’#000000′); /*ie*/
    height: 100px;
    width: 200px;
    border: 1px dashed #f00;
    background: #fff;
}