带阴影的 JQueryUI 选项卡

发布于 2024-10-19 15:57:12 字数 363 浏览 4 评论 0原文

Stackers，我需要在之前使用 JQueryUI Tabs 插件创建的选项卡周围放置阴影。阴影必须位于选项卡的右侧和顶部。

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

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

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

它是这样的： Tabs

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

原文

Stackers, I need to put shadows around my tabs previously created using JQueryUI Tabs plugin. Shadows must be on the right and top of tabs.

Using moz-box-shadow or similar could be great, but my application should be view on IE too.

My JQuery code (very simple):

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

This is how it looks:
Tabs

Anybody know how to do this? Thanks!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

无边思念无边月 2024-10-26 15:57:12

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

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

回复收藏 0 原文

来日方长 2024-10-26 15:57:12

您可以使用适用于真实浏览器的 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 中工作（来自个人经历。）

这应该就是你想要的:)

You can do this using CSS3 for real browsers and a filter for IE:

Add a class to your tab tab-shadow and use this 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;
}

Not that it will only work in IE with a border set (from personal experience.)

This should be what you're after :)

回复收藏 0 原文

~没有更多了~