我怎样才能创建一个透明的背景与CSS不一致?

nue99wik  于 2023-03-09  发布在  其他
关注(0)|答案(4)|浏览(185)

我在我的第一年编程和刚刚学习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,做一个透明背景和其他一些,但没有一个工作。2我希望你能找到一个解决我的问题。

7d7tgy0s

7d7tgy0s1#

可惜你不能。
这是因为Electron(Discord在桌面上使用的框架)的工作方式,你显示内容的窗口需要有颜色。如果你让它透明,* 它只会退回到白色 *。
对此有一些对策,主要是着色器复制窗口后面的内容并将其反射到窗口上,但它们会占用大量的计算(对于您的第一个程序来说,它们也是非常多余的)。
不过,如果有人想看看的话:

5f0d552i

5f0d552i2#

这是最有可能的。使用BetterDiscord,然后找到别人的主题,是可以修改的,并尝试从那里工作。(https://imgur.com/a/Yp2mPQY这里是一个链接作为证据,一个透明的不和谐,在这篇文章)

  • 我没有创建这个,这里是确切的主题https://betterdiscord.app/theme/Translucence的链接。我想我自己的图片作为背景,所以我进去,并改变了图像的网址链接。然而,对于一个透明的背景,有其他的问题是这样做,但我所做的是从img网址删除字符,所以它不能链接到图像。

不使用任何计算能力,快速和容易,可以probs设置在5- 10分钟
我是超级老帖子,但因为我看到了一个新的回应,这不完全正确,我想我会把这个放在这里

mbjcgjjk

mbjcgjjk3#

color是元素中文本颜色的属性。background: transparent是您要查找的属性。

x8goxv8g

x8goxv8g4#

如果你想要一个透明的红色,你会想要使用background-color: rgba(255,0,0,0.3),等等。

相关问题