大家好。
为什么主页上可以工作的代码在聊天室的后台却不行？
现在聊天室全屏时视图效果很差。
我的背景和主体代码
body {
background-color: #1a1a2b;
}
body:before {
display: inline-block;
border-radius: 10px;
width: 1125px;
height: inherit;
background-color: #26263B;
content: " ";
position: absolute;
left: 50%;
right: 0;
top: 72px;
bottom: 11px;
transform: translate(-50%, 0);
box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.3);
}
body {
position: relative;
}
body {
background-image: url("https://pvpfarm.com/uploads/default/original/1X/1b5dd68a865855193164193f21e08630a3ed6da6.png");
background-size: 240px;
background-repeat: repeat;
background-attachment: local;
}
我不想滥用这个话题，但有人能帮忙吗？
我尝试了很多方法，但都不起作用。
我想看看您的网站，但对我来说聊天似乎被禁用了。
我在本地进行了测试，您的 CSS 似乎运行正常。
有可能是其他 CSS 代码覆盖了您的背景或阻止其正常显示。
1 个赞
Lilly
(Lillian Louis)
4
我查看了一下，但无法正确使用该图片路径。您应该将该图片上传到主题的 assets 文件夹中，然后在 CSS 中使用变量：
background-image: url($image_variable_name);
其中 image_variable_name 是您上传时为其指定的名称。
1 个赞
感谢您抽出宝贵时间帮我解决问题。@Arkshine @Lilly
我已将您的会员级别设置为 2。您可以进入聊天区域。
是的，一些 CSS 代码造成了问题。
我编辑了它，但这次聊天区域底部出现了一个空格。
并且 body:before 代码中的 bottom 代码不起作用。
我现在无法解决这个问题。
@Lilly 如果我理解您写的内容，我就是这样上传照片的。
顺便说一句，我是在完全不懂 CSS 的情况下完成这个设计的。这就是为什么我可能会犯很多错误。感谢您，我正在从错误中学习。
1 个赞
.has-full-page-chat:not(.discourse-sidebar) #main-outlet {
height: auto;
position: absolute;
left: 50%;
right: 0;
top: auto;
bottom: auto;
transform: translate(-50%, 0);
box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.3);
}
我目前正在使用这些代码，它们可以正常工作。
如果我错了，请纠正我。谢谢。
