如何使用CSS为discord创建透明背景?

时间:2017-05-07 14:41:11

标签: css background transparent discord

我是第一年编程并且只是学习Java这就是为什么我完全迷失了CSS并需要帮助。 我想编辑这段代码(不是我的)

===== CUSTOMIZABLE COLORS =====
:root { 
main-color: #057F95;
hover-color: #045B6B;
}


===== CUSTOMIZABLE IMAGES =====
IMPORTANT: EVERY URL MUST BE HTTPS:// IN ORDER TO WORK IN DISCORD
RECOMMENDATIONS: EVERY URL AT THE BOTTOM SHOULD BE THE SAME TO MAKE THE
tHEM MATCH. (YOUR CHOICE)
/*Change the url in .app to change the background behind chat */
.app { background-image: url("https://imgur.com/RG03PyX.png") !important;
background-size: cover !important; }

/*Change the url in .callout-backdrop to change the background when modal pop outs happen */

.callout-backdrop { background-color: black !important; background-image:     url("https://imgur.com/RG03PyX.png") !important; -webkit-transition: 0.3s all     ease; -o-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition:     0.3s all ease; background-size: cover !important; -webkit-filter:     brightness(75%); }

/*Change the urls below to change the background of a profile modal pop up     */

.user-popout:before {
    background-image: url("https://imgur.com/RG03PyX.png") !important;
    content: "";position: absolute;left: 0;top: 0;height: 100%;width:     100%;z-index: -1;background-position: 50% 50%;-webkit-filter: blur(3px);-webkit-    transform: scale(1.05);transform: scale(1.05);}

#user-profile-modal .header:before {
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .3), rgba(0, 0,     0, 0.5)), url("https://imgur.com/RG03PyX.png") !important;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .3), rgba(0, 0, 0,     0.5)), url("https://imgur.com/RG03PyX.png") !important;
    content: "";position: absolute;left: 0;top: 0;width: 100%;height:     100%;z-index: -1;background-position: 50% 50%;background-size: cover     !important;-webkit-filter: blur(3px);-webkit-transform: scale(1.1);transform:     scale(1.1);}

我尝试不同的东西(颜色:透明,透明度:真实,rgba(0,0,0,0.1),可见性:隐藏,不透明度:0.5,制作透明背景和其他一些,但它们都不起作用。 我希望你能找到解决我问题的方法。

1 个答案:

答案 0 :(得分:0)

color是元素中文本颜色的属性。 background: transparent是您正在寻找的。