html - 如何使两边都具有 box-shadow 属性的阴影相等

Question

我正在尝试使用 box-shadow 属性制作一个简单的(带状)效果，我在右侧制作了它，但在左侧效果不一样，我不能明白为什么!有人知道吗？

我的代码:JSFIDDLE .

我是否必须在这里更改某些内容？

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

Answer 1

你是说这样吗？

Demo

(我看不出这好像是丝带在哪里:)

你需要将TD提升到更高的z-index (通过使用 position: relative 使其工作)。

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

并使用 <div> s这种东西比较好，<table> s 应该只用于表格数据。