如何在两侧使用box-shadow属性制作阴影

Question

我正在尝试使用box-shadow属性制作一个简单的（带状效果）效果，我已在右侧制作但在左侧效果不一样，我无法理解为什么！ 有人有什么想法吗？

我的代码：JSFIDDLE。

我必须在这里改变一些东西吗？

box-shadow: 10px 10px 100px rgba(0, 0, 0, 10); 

Answer 1

你是说这个意思吗？

Demo

（我无法看到这似乎是一个功能区：）

您需要将道德推广到更高z-index（通过使用position: relative使其有效）。

另请注意，box-shadow中的第二个参数应该等于两边，它是（垂直）y轴。

使用<div>来表示这类内容更好，<table> s应仅用于表格数据。