2017-01-21 90 views
0

我有以下Squarespace website。您可以通過點擊訪問者訪問並輸入代碼登錄到該網站。不可能用CSS更改div背景

我想通過followng背景圖像更改網站的背景: https://hethuisvandelingerie.squarespace.com/assets/bgs/bg8.png

我試着用CSS代碼來執行此背景圖像添加到div ID爲「畫布」 。這是我使用的代碼:

#canvas{background-image: url('assets/bgs/bg8.png');} 

但是,這段代碼似乎沒有添加背景圖片?

你們有沒有想法解決這個問題?

+0

歡迎來到Stack Overflow!您可以先參加[tour](http://stackoverflow.com/tour)並學習[如何提出一個好問題](http://stackoverflow.com/help/how-to-ask)並創建一個[最小,完整和可驗證](http://stackoverflow.com/help/mcve)示例。不要共享鏈接,而是直接在此處放置代碼。請修改您的帖子,否則它肯定會關閉。 –

回答

0

site.css中,查找此條目並從#main中刪除background行。你應用的背景圖像#canvas#main被顯示在#canvas#main的背景覆蓋應用的背景圖像#canvas

#main { 
    background: #fcfcfc; 
    ... 
+0

謝謝邁克爾!
事實上,我不得不刪除的主要&標題的背景誰(包含header和main),使用下面的代碼,我可以在我的智能手機網站上添加背景圖片和禁用白色背景色,現在看起來不錯,謝謝你的幫助。 !@media screen and(max-width:640px){#canvas {background-image:url('assets/bgs/bg7.png');} #main {background:none;} #header {background:none; }}' – BarrieO

+0

@ BarrieO真棒!沒問題:) –

0

嘗試從路徑

#canvas{background-image: url(assets/bgs/bg8.png);} 

去除單引號如果不行

  • 請確認您輸入了正確的路徑。

  • 仔細檢查元素的ID,其實是canvas

(我個人認爲這是一個不太理想的名稱,因爲帆布現在也是一類)

+0

嗨奧斯卡,試過但沒有工作:(還試過雙引號,但沒有成功與此。謝謝你的回答! – BarrieO

1

拿上你的main一看包裝上的#canvas股利。嘗試使用相同的CSS代碼。希望能幫助到你!

main { 
    background: url(https://static1.squarespace.com/static/ta/58639728d2b857b308f66598/404/assets/bgs/bg8.png) 
} 
+0

嗨恩裏克,謝謝你的回覆。這有效,但它不完全是我想要的,因爲我也想讓我的移動頭具有相同的背景。這樣,我擁有一個帶背景的#main,但是當將我的窗口更改爲手機或平板電腦分辨率時,我的標題只是純白色。因此,我想更改我的畫布背景,因爲它包含我的#header和我的#main。有任何想法嗎?謝謝! – BarrieO

+0

不錯!因此,您應該使用@media查詢將恰當的屏幕大小應用於背景! –

+0

請看看:http://www.w3schools.com/cssref/css3_pr_mediaquery.asp –