背景影像和不透明度可以在一個屬性中設定嗎？
CSS 允許你分別設定背景透明度和背景圖像，但是如何設定您實現了透明背景圖像嗎？
範例場景：
考慮一張影像，如果在完全不透明的情況下使用它作為背景，視覺上會令人難以承受。您希望將其不透明度降低到 0.2 左右以獲得更微妙的效果。
傳統方法：
單獨使用 background-image屬性不會調整影像的透明度.
#main {
background-image: url(/wp-content/uploads/2010/11/tandem.jpg);
}解：偽元素Hack
要建立透明背景影像，請使用偽元素：
#main {
position: relative;
}
#main:after {
content : "";
display: block;
position: absolute;
top: 0;
left: 0;
background-image: url(/wp-content/uploads/2010/11/tandem.jpg);
width: 100%;
height: 100%;
opacity : 0.2;
z-index: -1;
}說明：
以上是CSS 可以將背景圖片和不透明度合併到一個屬性中嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
