[Bug] 给卡片添加修改透明度的css后出现层级问题

[Qrasa510]

主题版本

1.3.5

Bug 类型

该 Bug 是前端问题，且似乎和浏览器无关

浏览器

此问题与前端无关

普遍性

是

问题描述

添加后各种菜单会被其他卡片覆盖。
如图：

表情

页面

复现步骤

在wp 自定义 中 添加这段额外css
.card{
opacity: 0.8;
}
即可复现。

截图

No response

附加说明

No response

[zbf1009]

@Qrasa510 最近也在用这个主题，贴一下我的临时解决方法：
我的使用场景是对卡片添加了一系列backdrop-filter来模拟亚克力效果，然后也出现了层级问题，所以我选择单独把出现问题的部分改掉，换用其他样式。例如，对于评论表情部分，我在自定义css添加了：
#post_comment {
backdrop-filter: none;
}
来对评论发送窗口单独取消backdrop-filter效果，先把层级问题解决。
然后，对于单纯的透明效果，我是换用带透明度的8位HEX或者RGBA完成的，比如我的日间颜色设置：
background-color: #F2F2F2B2;
最后综合起来就能实现如下效果：

其他部分维持亚克力样式（包括弹出表情面板），发评窗口单独应用半透明，无层级问题。
希望对你有参考价值。