Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 无法修复曾经有效的损坏CSS_Html_Css_Mediawiki - Fatal编程技术网

Html 无法修复曾经有效的损坏CSS

Html 无法修复曾经有效的损坏CSS,html,css,mediawiki,Html,Css,Mediawiki,在我运行的一个大型社区wiki中,这个CSS给我带来了很多麻烦。它过去工作得很好,但后来停止使用wiki的指定背景图像,并破坏了主页的页面格式 我不是设计CSS的那个人,但我是一个慷慨的志愿者。代码在下面,但我甚至不知道什么是坏的,什么不是 .body { background-image: url("http://i.imgur.com/Vb4KDsz.jpg"); background-position: top center; margin:auto; } .WikiaPageCont

在我运行的一个大型社区wiki中,这个CSS给我带来了很多麻烦。它过去工作得很好,但后来停止使用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 }
要真正解决这个问题,链接wiki会更容易,您可以自己看到CSS实际上只插入代码的最后一部分。这是你的电话号码

例如,主页的格式非常奇怪,这取决于您的屏幕分辨率,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;
}

修复后(感谢您的帮助),如何减小屏幕宽度?如果你去的主页,你可以看到这个问题。任何帮助都将不胜感激。

这是因为Wikia最近使用几周前实现的最新流体布局功能重命名了他们的一些类

您只需将
.body
更改为
body.background dynamic.skin oasis
,您的背景就会再次显示

也就是说,您可能会遇到与流体布局更改相关的其他问题,这些更改完全破坏了某些东西。如果您注意到任何其他情况,请通过我的电话与我联系
在社区中心。我非常乐意为您提供所需的任何帮助。

为什么这是
#WikiaArticle:before{
被评论掉了?哈哈,开玩笑。我很累。据我所知,这一切看起来都很好。你能提供更多关于你遇到的问题的信息吗?可能出现了任何错误。我们需要有问题的页面的链接。根据图片,它似乎是。确实是。我缺席了一段时间,CSS坏了:(遗憾的是,它似乎无效。背景仍为淡蓝色。您没有输入整个选择器,它是
主体。背景动态。皮肤绿洲
不是
。背景动态。皮肤绿洲
。请确保按原样复制。我做了,它已修复,但如果您现在查看,似乎还有其他严重错误因为格式被破坏了,正如在主帖子中所述。谢谢你的帮助,但是你知道我如何修复它吗?而且,它似乎重复了图像,而不是像以前那样连续。嗯,考虑到他们添加的所有额外内容,你最好这样做:将此添加到MediaWiki:Wikia.js:
$('body').removeClass('background-not-tiled background dynamic');
然后用以下内容替换MediaWiki:Wikia.css中的第一个块:
html{background:url('http://i.imgur.com/Vb4KDsz.jpg)无重复固定中心/盖#000;}主体{背景:无;}
使用javascript似乎有点不必要,但相信我,这比在CSS中重新设置大约20个新选择器的样式要容易得多。根据您的建议进行了编辑。我尝试了您的建议,但似乎回滚了一些更改。我想知道您是否可以帮助我解决当前wiki的奇怪维度