css如何使用opacity屬性給背景圖片加透明度（代碼）

本篇文章給大家帶來的內容是關於css如何使用opacity屬性給背景圖片加透明度（代碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所協助。

CSS 中無法直接給背景圖片加 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;   }