问题标签 [box-shadow]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - 创建一个带阴影的css折叠角
我怎样才能做一个带有外部阴影的折叠角，它继续到父 div 阴影，就像这样：
谢谢。
css - 影盒仅适用于容器内盒
我正在使用box-shadow，但它使整个容器都被阴影包裹，我怎样才能只在内部（顶部中心）盒子里制作阴影？
html - 试图在 CSS 动画 div 上获得轻微的页面卷曲框阴影
我希望做的是在具有悬停动画的 div 上获得那些不错的页面提升/卷曲之一，这样即使在动画时，轻微的页面角卷曲也会与 div 保持一致。我尝试使用/包含来自http://www.paulund.co.uk/creating-different-css3-box-shadows-effects的代码示例，但效果根本没有显示。使用 :before 伪时，没有任何显示。我将 z-index 设置为 100 以查看它是否可能以某种方式被掩埋，但仍然一无所获。如果我尝试不这样做使用：之前，我得到了额外的阴影，但它拒绝变形，只是挂在底部。任何人都可以建议一种方法来显示此页面卷曲吗？使用 Paulund (Paul Underwood) 的代码，我试图在我的 div 上实现“效果 3”；左下角略微抬起页面角，而其余部分在边缘周围有一个基本的柔和阴影。
css - 如何用 box-shadow 技巧填充第一个正方形？
我正在尝试一些box-shadow技巧，我无法填充第一个正方形（0 0 [颜色]）。
最好用以下示例解释：
html - z-index 父元素后面的伪元素 box-shadow
我正在尝试将:before,:after box-shadow放在按钮后面。但是过渡是从 a 标签前面开始的。对于我的作品 CMS，我需要将所有属性都放在 a 标签上。
html - 最新版本中的 Firefox 盒子阴影更轻
我发现 Firefox (44.0.2) 正在渲染 box-shadow CSS 非常微弱/轻。
如果您比较 Chrome 和 Firefox 之间的差异，它在 Firefox 中看起来要轻得多。 https://jsfiddle.net/8db8zr6q/
我想知道以前是否有人遇到过这个问题，是否有什么办法可以解决这个问题？
当前代码：
问题图片：
css - 在具有低 z-index 的“自定义形状的 div”上添加框阴影
我不确定这是否可行，或者我是否可能需要重写很多代码，但无论如何；开始：
如果您看一下下图，我想要实现的是导航栏中的中间按钮（绿色一个）在其他 2 个菜单按钮上投下阴影，使菜单具有 3D 外观。
但是，首先我无法让盒子阴影正确落下，因为我正在使用梯形而不是盒子。此外，我不相信我具备使用 SVG 的技能。
第二个问题是，与其他 2 个按钮相比，绿色按钮的 z-index 较低，因为这就是我实现其实际形状的方式。
我的代码贴在图片下方。
HTML（其余HTML由WP动态生成，网站尚未上线。
CSS：
javascript - 删除其中的列表元素时，框阴影在 div 上消失
要测试或查看错误：
（注意：错误已在 Second Update 中的链接上复制，因为问题是第一次发布的）
- 访问 sukritchhabra.com/importr
- 在搜索栏中输入 Bootstrap。
- 从建议的列表中选择引导程序（注意：如果您没有从列表中选择，而是在搜索框中按回车，页面将中断，您必须刷新）
- Bootstrap 加载后，按绿色按钮 6-7 次（直到出现滚动条）
- 现在删除其中的一些，box-shadow 就会消失。
到目前为止，我已经尝试了几件事。尝试在每次删除后记录 box-shadow 属性.importrLinks以捕获它正在更改的位置，但实际上没有发生任何更改。
还尝试在每次删除后显式分配 box-shadow，但这也无济于事。
在我寻找解决方案的过程中，很多类似的错误是由于 z-index 造成的，但我尝试分配自定义 z-index 并没有帮助（尽管我仍然相信这是我没有完全测试过的东西，因为我是分配随机的，即改变更高和更低的 z-index 只是为了检测变化）。
更新
正如评论中所建议的，我应该提供示例代码而不是完整的网站，我同意。但是，正如我在评论中提到的那样，我无法在小提琴上复制这个错误。
不过，这里是 jsfiddle 的链接：https ://jsfiddle.net/sukritchhabra/d3xfyc6t/5/
该错误仍然没有发生在小提琴中，但仍然存在于网站上。我用来创建小提琴的代码是从网站上挑选的。我没有获取 addLink 函数的参数，而是传递了用于测试的常量字符串。
第二次更新（已复制错误）
发现错误正在发生，因为容器有一个float: left;. 已经在小提琴上改变了它，这个错误现在在这个小提琴上被复制了。
小提琴链接：https ://jsfiddle.net/sukritchhabra/d3xfyc6t/6/
第三次更新（操作系统问题？）
到目前为止，我一直在使用 Mac。我刚刚在 Windows 机器上测试过，这个 bug 似乎只在 Mac 上。我不是 100% 确定这是否是根本原因，但我肯定会在其他机器上测试它以确保确定。
同时，如果有人可以在 Mac 而不是 Windows 上看到该错误，请在这里告诉我。
css - Mozilla 的 Box-Shadow 不工作
我有这个 CSS 代码，但影子的东西在 Mozilla Firefox 中不起作用：
它在 Chrome 中看起来非常好，身体中的所有元素都有某种阴影，我也想在 Mozilla 中实现这一点。我该怎么做呢？为什么“moz”不起作用？
谢谢！