table 的 td 设置背景后, box-shadow 会丢失底部阴影。

2022-04-14 13:15:08 +08:00
 Felldeadbird

如果 td 非要设置背景色,box-shadow 就没办法做到全阴影效果嘛?

伪代码

tbody>tr:nth-child(even)>td{ background: #00b7ee; }

table tr:hover{ box-shadow: 0 2px 30px #ff0000, 0 2px 5px #ff0000 !important; }


奇偶的 td 其中设置了背景色。然后 box-shadow 的底部阴影会没效果。我估计是层级问题,但是我设置了 z-index -1 好像也不起作用。

1067 次点击
所在节点    CSS
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/846921

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX