Html 如何仅在一条边上禁用阴影？

如何去除下面红色区域中的阴影？我见过其他类似的问题，但不知道如何在这里应用

现场演示：

CSS:-

Html:-

<ul id="list">
        <li class="top">About Me
            <div class="tip">Asas</div>
        <li>Garage
        <li class="bottom">My Blog
</ul>

关于我
以及
车库
我的博客

请注意，如果需要，我可以使用JS代码技巧。

你不能

---

为了避免这个问题，不要将dropshadows分别分配给“about me”和“asas”框，而是将它们包装在一个容器中并对其应用阴影。

您是否尝试过使用特定的类/id/任何选择器和插入器来定位该元素 下面的代码是什么

-moz-box-shadow:none;  
-webkit-box-shadow: none;  
box-shadow: none;

---

给定的CSS和HTML不会产生图像中所示的显示，因此我不得不猜测，但请尝试将asas框包装在另一个具有底部填充和隐藏溢出的框中。

如果我理解正确，您会遇到中间li有阴影的问题，而您只希望第一个（可能是最后一个）li有阴影

如果我理解正确，您可以使用li:first-child和li:last-child将阴影设置为列表的第一个和最后一个元素

但事实并非如此。如果要隐藏.tip上的左阴影，应将box shadow的第一个参数设置为0px。第一个参数是水平偏移

就像这里：

---

这就是你想要的吗？

请提供HTML和CSS代码。你是如何应用的？不关闭标签是不好的做法。确保为每个列表元素包含

标记。我在某处读到，对于

它是可选的。就连谷歌也这样做。这对我来说可能是个问题。“asas”框可以比“关于我”框有更多的高度。因此，容器的大小将增大，以覆盖“关于我”框下面的其他容器。在这种情况下，这似乎是不可能的。我能想到的另一个技巧是将菜单元素的z索引设置为1，“asas”设置为0。没有保修，而且很粗糙，但你可能还是想试试这个。是的，试过那个。它似乎只有在

.tip

的

z-index

为-1时才有效。无论如何，在这种情况下，底边阴影的连续性中断。因此，它对我没有用处。如果我这样做，那么“asas”框将不会有任何阴影。我需要那个盒子下面的阴影。你能把完整的东西贴在像这样的东西上，这样我们可以更好地理解吗？一、 首先，得到一个完全不同于你的图像的结果（在最新的Chrome和最新的FF中），并且不完全理解你想要达到的目标。我一直在玩游戏，所以代码很脏。不管怎么说，是的，有点。底边阴影也需要合并在一起，给人一个物体的感觉。谢谢安泽。到目前为止，这是最好的妥协。没问题，很高兴我能帮上忙。请记住，如果希望阴影在旧IE上工作，还应添加MS DXImageTransform。请在此处阅读更多信息：

-moz-box-shadow:none;  
-webkit-box-shadow: none;  
box-shadow: none;