V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
Felldeadbird
V2EX  ›  CSS

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

  •  
  •   Felldeadbird · Apr 14, 2022 · 1644 views
    This topic created in 1473 days ago, the information mentioned may be changed or developed.

    如果 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 好像也不起作用。

    Supplement 1  ·  Apr 14, 2022
    找到一个解决办法。背景色用 rbga 半透明。底部阴影就可以正常出来了。
    No Comments Yet
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1058 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 46ms · UTC 23:17 · PVG 07:17 · LAX 16:17 · JFK 19:17
    ♥ Do have faith in what you're doing.