此选项卡阴影是否仅在CSS中可用？

有没有可能复制你在这里看到的阴影效果：没有任何图像，只使用CSS

---

让我澄清一下。。。。看看阴影，它围绕着标签和内容块本身，而不仅仅是一个简单的div标签…

不，不是那种“褪色”的效果。你可以用一些边距做一个立体阴影。但是你需要一个背景图像来获得褪色的效果

或

您可以使用CSS3来执行此操作，如下所示：

#mydiv
{
   box-shadow: 10px 10px 5px #888;
} 

---

不，不是那种“褪色”的效果。你可以用一些边距做一个立体阴影。但是你需要一个背景图像来获得褪色的效果

或

您可以使用CSS3来执行此操作，如下所示：

#mydiv
{
   box-shadow: 10px 10px 5px #888;
} 

试试这个：

#tab {
    -moz-box-shadow: 0px -10px 5px #888;
    -webkit-box-shadow: 0px -10px 5px #888;
    box-shadow: 0px -10px 5px #888;
    z-index: 1;
}
#content {
    -moz-box-shadow: 0px 0px 5px #888;
    -webkit-box-shadow: 0px 0px 5px #888;
    box-shadow: 0px 0px 5px #888;
    z-index: 0;
}

试试这个：

#tab {
    -moz-box-shadow: 0px -10px 5px #888;
    -webkit-box-shadow: 0px -10px 5px #888;
    box-shadow: 0px -10px 5px #888;
    z-index: 1;
}
#content {
    -moz-box-shadow: 0px 0px 5px #888;
    -webkit-box-shadow: 0px 0px 5px #888;
    box-shadow: 0px 0px 5px #888;
    z-index: 0;
}

---

您需要两个箱子。一个用于主选项卡，一个用于选项卡。选项卡底部没有阴影，必须与较大的框重叠以覆盖其顶部阴影部分。

您需要两个框。一个用于主选项卡，一个用于选项卡。选项卡底部没有阴影，必须与较大的框重叠以覆盖其顶部阴影部分。

只有一个想法

如果您使用div： 您可以尝试将z-index与tab div一起使用，并将其与content div对齐，以覆盖content div的阴影

但是制表符和内容分区之间的问题是圆角。

只有一个想法

如果您使用div： 您可以尝试将z-index与tab div一起使用，并将其与content div对齐，以覆盖content div的阴影

---

但是圆角是tab和content div之间的问题。

提供了有关如何排序各种框阴影问题的有用信息。

提供了有关如何排序各种框阴影问题的有用信息。

由于您的选项卡很可能包含一个锚定以使其可单击，因此我将锚定设置为块元素，提供背景色，并增加高度以覆盖阴影的底部

下面是一个演示：

---

由于您的选项卡最有可能包含一个锚定以使其可单击，因此我将锚定设置为块元素，提供背景色，并增加高度以覆盖阴影的底部

下面是一个演示：

---

这是两个绝对定位的div，tab div z-indexed位于content div的顶部。您只需为tab阴影设置-y 3px偏移和3像素模糊，就可以了。通过使用它，您需要使用rgba，使用.5 alpha值，以获得适当的阴影效果

---

这是两个绝对定位的div，tab div z-indexed位于content div的顶部。您只需为tab阴影设置-y 3px偏移和3像素模糊，就可以了。通过使用它，您需要使用rgba，使用.5 alpha值，以获得适当的阴影效果

---

我怎么能告诉阴影不在元素的底部呢？你说得对。你需要第三个没有阴影的盒子来遮盖它。我怎么能告诉阴影不在元素的底部呢？你说得对。你需要第三个没有阴影的盒子来掩盖它。请不要用无用的评论把问题弄得乱七八糟，除非你有什么可以贡献的。请不要用无用的评论把问题弄得乱七八糟，除非你有什么可以贡献的，除了我试图在内容div的顶部得到一个阴影，而不覆盖选项卡，这将起作用，除了我试图在内容div的顶部得到一个阴影，而不覆盖选项卡，你不能将其应用于两个单独的div吗？如果标签上方有阴影，则标签下方的主内容框下方会有阴影？如果标签位于内容区域的顶部，则标签的阴影在标签和内容区域之间仍然可见…如果标签的阴影在其上方，则标签的阴影不会出现在标签下方。您不能将此应用于两个单独的div吗？如果标签上方有阴影，则标签下方的主内容框下方会有阴影？如果标签位于内容区域上方，标签的阴影在标签和内容区域之间仍然可见…如果标签的阴影在其上方，则标签的阴影不会出现在标签下方。