Css 把元素变成卡片

我需要把一个div元素转换成某种卡片。也就是说，所有子项都应该是不可选择、不可单击的，但仍然可见。我在div上尝试了user select:none，但它不会影响所有子项。

在其上放置一个透明层，如下所示：

.卡片{ 位置：相对位置； 宽度：300px； 高度：300px； 边框：1px纯红； 显示器：flex； 弯曲方向：行； 证明内容：中心； 对齐项目：居中； 柔性包装：包装； } .卡片：：之后{ 内容：； 位置：绝对位置； 宽度：100%； 身高：100%； 背景：透明； 顶部：0px； 左：0px； } .elememt-1{ 宽度：40px； 高度：40px； 背景：橙色； 边框：1px纯黑； }

---

你有什么代码可以在这里发布吗？或者您正在查看的样本/参考？在所有内容上方添加覆盖，用户选择：无；指针事件：无；第一个是不可选择的，另一个是不可点击的。宽度：100%在这里是如何工作的？它是不是100%的东西被一个id引用了，这个id在des:：after之前？@exebook yes bro。你说得对。如果将元素的宽度或高度设置为position:relative，则如果将其子元素的宽度100%和高度100%设置为：：before或：：after（在本例中扮演与子元素相同的角色），则其维度将自动使用其父元素填充相同的大小。你明白吗？