CSS背景圖片適用於普通頁面，但不適用於SharePoint 2013

我可以添加一個完整頁面的背景圖片，以適應並不會在我的自定義HTML網頁的CSS文件中使用以下內容：CSS背景圖片適用於普通頁面，但不適用於SharePoint 2013

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的白色的身體背景，我加了！重要的，現在除了白色的bac以外不再呈現任何東西kground：

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;

enter image description here

我如何得到它適合SP 2013中的整個背景沒有重複/平鋪？我不介意它是否伸展。

感謝

來源

2014-01-17 Growler

嘗試分離這樣

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

來源

2014-01-17 20:28:38 user3123529

解釋爲什麼這會起作用。具有描述性。指出OP缺失和/或錯誤，然後提出修復/解決方案。 –

是的，你可以解釋爲什麼你需要把它們分開嗎？ – Growler

你有「！important; no-repeat」，以便不重複不應用。所以分離每個項目可以讓您更好地控制，並且可以直觀地看到發生了什麼。另外如果你 – user3123529

各具風格對於它的價值，這一點：

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

是因爲壞;之後！重要的（CSS將停止在這一點，這就是爲什麼它重複）。

來源

2014-01-17 20:34:55

CSS背景圖片適用於普通頁面，但不適用於SharePoint 2013

回答

相關問題