但是每次我最终都要更改侧边栏图像和文本的不透明度时,有人知道如何仅更改背景图像的不透明度吗?我不确定,我尝试在背景图片中添加不透明度,但是没有任何效果。
.rightsidebar {
overflow:hidden;
width:268px;
position:relative;
height:550px;
float:right;
padding:10px;
background-image:url('https://i.postimg.cc/cCjD9QPk/black-and-white-brown-chairs-1029138.png'); background-blend-mode:soft-light; opacity: 0.4;
outline:1px solid {color:Borders};
}
.rightsidebarcontent {
outline:px solid {color:Borders};
margin-top:15px;
padding:5px 0;
}
.sidebarimage {
width:268px;
margin:0 0 10px 0;
-webkit-filter: grayscale(0%);
}
.sidebaricons {
margin: 0 0 0;
width:268px;
}
.sidebaricons img {
display:inline;
padding:5px;
width:110px;
height:110px;
margin-left:75px;
object-fit: cover;
border:1px solid {color:Borders};
border-radius: 50%;
background-color:{color:Posts Background};
}
.image {
position: absolute;
left: 80px;
top: 26px;
width: 110px;
height: 110px;
border-radius: 50%;
-webkit-filter: grayscale(0%);
border-radius: 100%;
}