身体背景图像不透明度

【问题标题】：Body background image opacity身体背景图像不透明度
【发布时间】：2023-04-06 09:25:01
【问题描述】：

我一直在尝试为网页的正文背景图像添加不透明度。我已经尝试了几乎所有东西，包括在 css 中将不透明度标签添加到正文中。没有任何工作。请帮助人们！

【问题讨论】：

你的代码在哪里？
寻求调试帮助的问题（“为什么这段代码不起作用？”）必须包括所需的行为、特定问题或错误以及在问题本身中重现它所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅：如何创建minimal reproducible example。
这不是您问题的答案。但例如也许它可以帮助你：w3schools.com/css/css_image_transparency.asp

【解决方案1】：

尝试在 body 上使用伪元素。

body::after{
  content: '';
  display: block;
  position:absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(https://dummyimage.com/250/000/fff);
  opacity: .2;
}

https://codepen.io/cloudandculture/pen/wNeWwm

【讨论】：

根据CSS标准，你应该使用::after（建议使用双冒号）而不是:after
谢谢@Helenesh。让记录状态！ ::伪元素的双冒号，伪类的单冒号