带有阴影的JQueryUI选项卡

Question

Stackers，我需要在我之前使用JQueryUI Tabs插件创建的标签周围添加阴影。阴影必须位于标签的右侧和顶部。

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

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

$("#tabs").tabs();

它的外观如下：

有人知道怎么做吗？谢谢！

Answer 1

使用PIE.htc css3阴影可以在Internet Explorer 6+中运行：http://css3pie.com/（可用演示）

PIE阴影看起来比IE阴影/阴影滤镜更好。

Answer 2

你可以使用CSS3实现真正的浏览器和IE的过滤器：

在您的标签tab-shadow中添加一个类并使用此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（来自个人经验）。

This should be what you're after：）