使用CSS在图像上获得50%不透明度的覆盖/阴影

要在图像上获得50%不透明度的覆盖/阴影，可以使用CSS中的::before或::after伪元素来实现。以下是一种实现方法：

首先，在HTML中添加一个包含图像的元素，例如<div>或<img>。给该元素添加一个类名，例如image-container。

然后，在CSS中使用该类名来选择该元素，并使用position: relative;来设置其定位属性。

接下来，使用::before或::after伪元素来创建一个覆盖/阴影层。设置其content属性为空字符串，以使其可见。然后，使用position: absolute;将其定位到图像元素的位置。

为了实现50%的不透明度，可以使用background-color属性来设置覆盖/阴影层的颜色，并使用rgba()函数来指定颜色的透明度。例如，background-color: rgba(0, 0, 0, 0.5);将创建一个黑色的覆盖/阴影层，透明度为50%。

最后，使用width和height属性来设置覆盖/阴影层的大小，以覆盖整个图像。

下面是完整的CSS代码示例：

.image-container {
  position: relative;
}

.image-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

这样就可以在图像上获得50%不透明度的覆盖/阴影效果了。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云CSS文档：https://cloud.tencent.com/document/product/400/3093
• 腾讯云CDN加速：https://cloud.tencent.com/product/cdn
• 腾讯云云服务器：https://cloud.tencent.com/product/cvm
• 腾讯云对象存储：https://cloud.tencent.com/product/cos
• 腾讯云内容分发网络：https://cloud.tencent.com/product/cdn