V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
Felldeadbird
V2EX  ›  CSS

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

  •  
  •   Felldeadbird · 2022-04-14 13:15:08 +08:00 · 1195 次点击
    这是一个创建于 965 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    第 1 条附言  ·  2022-04-14 14:13:29 +08:00
    找到一个解决办法。背景色用 rbga 半透明。底部阴影就可以正常出来了。
    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5397 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 07:50 · PVG 15:50 · LAX 23:50 · JFK 02:50
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.