Css 有没有一种方法可以使长方体阴影效果与附近的所有元素重叠？
我已经创建了用于导航页面的可折叠链接。我的导航栏中的所有菜单项（垂直、导航div左浮动）也都是它们自己的div（折叠所必需的）。每个div的样式都是带有文本的按钮 对于：hover伪元素，我使用了一个具有较大模糊半径的浅色长方体阴影。现在，当我将鼠标悬停在每个按钮/div上时，看起来按钮/div都亮了（很好），灯光从上面的按钮/div上溢出（也很好）。不幸的是，我悬停的按钮/div下面的按钮/div似乎漂浮在照亮的区域上（不太好） 有没有办法让长方体阴影样式与光标悬停的div上方和下方的div重叠？我的网站中的其他链接不会受到影响，因为样式只适用于div，而不适用于链接 我对完美（IMO）设计有99%的了解，但在我通常用作参考的教程中，或者在其他任何地方，这个小问题似乎都没有答案 小提琴： 图片： 分区CSS：Css 有没有一种方法可以使长方体阴影效果与附近的所有元素重叠？,css,overlapping,Css,Overlapping,我已经创建了用于导航页面的可折叠链接。我的导航栏中的所有菜单项（垂直、导航div左浮动）也都是它们自己的div（折叠所必需的）。每个div的样式都是带有文本的按钮 对于：hover伪元素，我使用了一个具有较大模糊半径的浅色长方体阴影。现在，当我将鼠标悬停在每个按钮/div上时，看起来按钮/div都亮了（很好），灯光从上面的按钮/div上溢出（也很好）。不幸的是，我悬停的按钮/div下面的按钮/div似乎漂浮在照亮的区域上（不太好） 有没有办法让长方体阴影样式与光标悬停的div上方和下方的div重
.mH { cursor: pointer; width: 110px; background-color: #A0522D; color: #000000; font-family: "DreamerOne","sans-serif"; text-shadow: -1px -1px 1px #fc9c47, 1px 1px 1px #fc9c47, 1px 1px 2px #300b00; border: 0 solid #210a02; border-radius: 1em; font-size: 0.9em; font-weight: bold; text-align: center; margin: 1px; box-shadow: inset 0 0 4px 4px #210a02; }
.mH:hover { cursor: pointer; width: 110px; background-color: #F5A77F; font-family: "DreamerOne","sans-serif"; color: #c96914; text-shadow: -1px -1px 1px #210a02, 1px 1px 1px #210a02, 1px 1px 2px #000000; border: 0 solid #876e68; border-radius: 1em; font-size: 0.9em; font-weight: bold; text-align: center; margin: 1px; box-shadow: inset 0 0 4px 4px #432c24, 1px 1px 35px 1px #D87824, -1px -1px 35px 1px #D87824; }
*更新：需要供应商前缀是我这边的一个错误。我再次下载并重新安装了这两种浏览器，现在box shadow和border radius可以在所有四种浏览器上使用（当我离开默认的“购买苹果产品”页面时，Safari会崩溃，否则我也会测试它）。我将在这里和小提琴上更新CSS，只需几秒钟。再见，克鲁夫特…添加一个
z-index位置：relative.mH位置：相对.mH:悬停z-index:100最终结果：添加一个
z-index位置：relative.mH位置：相对.mH:悬停z-index:100最终结果：您能为我们创建一个可供查看的列表吗？此外，在
边框半径框影边框半径框影