Question

我在运行的大型社区维基中遇到很多麻烦。它曾经工作得很好，但后来停止使用wiki的指定背景图像，并打破了主页面的页面格式。

我不是那个设计CSS的人，但是它是一个慷慨的志愿者。代码如下，但我甚至不知道什么是坏的，什么不是。

.body { 
background-image: url("http://i.imgur.com/Vb4KDsz.jpg");
background-position: top center;
margin:auto;
}

.WikiaPageContentWrapper {
background: #eadfbb;
border: 2px solid #0f1620;
}

.WikiaPageContentWrapper:before {
position: fixed;
left: 50%;
bottom: 35px;
padding-left: 115px;
content: url("http://i.imgur.com/Jg7GHkG.png");
}

#WikiaArticle:before {
position: absolute;
top: 120px;
left: -210px;
content: url("http://i.imgur.com/LVeNyOJ.png");
}
.WikiaPage { border: 0 }

要真正解决这个问题，链接维基会更容易，你可以自己看看CSS实际上只插入了最后一部分代码。这是link

例如，主页面的格式非常奇怪，具体取决于您的屏幕分辨率，CSS中指定的背景图像已被灰色背景替换，以及上述代码中的第二个图像。

出于某种原因，在摆弄第一个答案之后，它会导致一些变化并且背景将被恢复。虽然背景本身是固定的，但页面太宽，这是我之前提到的格式化问题。新/旧代码是：

.i18ndoc {
background-color: #FFF77D;
border-bottom: 1px solid lightgrey;
font-family: monospace;
font-size: 8pt;
height: 140px;
overflow: auto;
padding: 3px;
}

body.mediawiki{
background:url("http://i.imgur.com/W23xCc6.jpg") repeat-x fixed center top #0f1620;
}
.WikiaPageContentWrapper {
background: #eadfbb;
border: 2px solid #0f1620;
margin-top: 10px;
}

.WikiaPageContentWrapper:before {
position: fixed;
left: 50%;
bottom: 50px;
padding-left: 170px;
content: url("http://i.imgur.com/Jg7GHkG.png");
}
#WikiHeader:before {
position: absolute;
top: 270px;
left: -200px;
content: url("http://i.imgur.com/LVeNyOJ.png");
}
.WikiaPage {
border: 0 !important;
}
footer {
position: relative;
z-index: 1;
}

.infobox tr {
line-height: 1em;
}
.infobox tr img {
margin-bottom: 10px;
}

修复此问题（感谢您的帮助）如何减少屏幕宽度？如果您转到link的主页，则可以看到此问题。任何帮助将不胜感激。

Answer 1

这种情况正在发生，因为Wikia最近使用他们几周前实施的最新流体布局功能重新命名了他们的一些课程。

您需要做的就是将.body更改为body.background-dynamic.skin-oasis，您的背景会再次显示。

话虽这么说，您可能会遇到与流体布局变化相关的其他问题，这些问题已完全不同于其他问题。如果您发现任何其他问题，请通过MessageWall与我联系在社区中心。我非常乐意为您提供所需的任何帮助。

无法修复曾经有效的破解CSS

1 个答案: