1. 首页
  2. css

CSS透明背景图像

没有CSS属性background opacity,但是您可以通过插入一个伪元素来伪装它,这个伪元素的不透明度与后面元素的大小完全相同。
div {width: 200px;height: 200px;display: block;position: relative;}div::after {content: \”\”;background: url(image.jpg);opacity: 0.5;top: 0;left: 0;bottom: 0;right: 0;position: absolute;z-index: -1;}

CSS透明背景图像 为WP2原创文章,链接:https://www.wp2.cn/css/css%e9%80%8f%e6%98%8e%e8%83%8c%e6%99%af%e5%9b%be%e5%83%8f/