CSS背景图像适用于常规页面，但不适用于SharePoint 2013

Question

我能够添加一个整页背景图片，该图片在我的自定义HTML网页的CSS文件中使用以下内容展开以适应并且不会重复：

body { 
    background: url(../dt_images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

我尝试在SP 2013网站上这样做，但BG图像闪烁了一秒钟，然后似乎被主页空白背景颜色覆盖......

body {  
    background: url(http://khsp.cloudapp.net/SiteAssets/bg.jpg)  no-repeat center center fixed;  
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

为了覆盖SP2013的白色身体背景，我添加了！important，现在除了白色背景之外不会渲染任何东西：

background: url(http://khsp.cloudapp.net/SiteAssets/bg.jpg)  no-repeat center center fixed !important;

我尝试将重要移动到前面，现在它适合整个页面，但是平铺/重复：

background: url(http://khsp.cloudapp.net/SiteAssets/bg.jpg)  !important; no-repeat center center fixed;

如何在不重复/平铺的情况下使其适合SP 2013的整个背景？我不介意它是否拉长了。

由于

Answer 1

尝试分离每个样式

background-image:url('paper.gif') !important;
background-repeat:no-repeat !important;
..
..

Answer 2

对于它的价值，这个：

background: url(http://khsp.cloudapp.net/SiteAssets/bg.jpg)  !important; no-repeat center center fixed;

是坏的，因为;在！important之后（CSS将在那时停止，这就是它重复的原因）。