我正在尝试将背景图片的不透明度更改为以tumblr为主题的容器,

时间:2019-04-24 16:17:02

标签: html css background opacity tumblr

但是每次我最终都要更改侧边栏图像和文本的不透明度时,有人知道如何仅更改背景图像的不透明度吗?我不确定,我尝试在背景图片中添加不透明度,但是没有任何效果。

.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%;


}

0 个答案:

没有答案