當我將身體的背景顏色設置爲黑色時，它會保持白色

我試圖在導航欄下方製作平坦的黑色背景，但似乎是一個問題。這特別令人擔憂，因爲我想爲右側的按鈕添加一些JQuery功能，以便在按下按鈕時更改背景顏色。但如果像這樣簡單的東西，雖然基本，不起作用...當我將身體的背景顏色設置爲黑色時，它會保持白色

目前另一個問題是這個厚厚的白色帶。我真的不知道是什麼原因造成的。我認爲只要有一個白色的鬧鐘時間就意味着在黑色背景包圍的頁面上浮動白色文本，但顯然不是這種情況。現在只剩下它作爲默認的黑色，只是因爲它在其他情況下實際上是不可見的。對於記錄來說，它不是flexbox，也不是導致邊框的div，因爲它們在兩個都被刪除後仍然顯示出來。

https://jsfiddle.net/xjrqm1k3/

body 
{ 
    background-color:black; 
}

我做了什麼錯？

編輯：我以爲你必須有一段時間才能選擇一個類的選定項目的名稱。我想我可能在我的代碼中丟失了一些東西？我發佈的小提琴似乎沒有Fiddle時期，這是我從我的作品中複製的。縮進是否會導致Visual Studio將該項目計爲一個類？

編輯：無論如何，感謝您的幫助和信息;有用。

來源

2017-06-20 H3770 VV027D

你的規則是一類'.body'不是身體元素！但是，即使您在小提琴中修復了這個問題，他們也會先加載您的規則，然後再加載Bootstrap CSS，這樣您的規則就會被覆蓋。 – j08691

您的JSFiddle有許多錯誤。您應該使用外部資源來添加Bootstrap。我還做了一些其他更改，包括。body到body，並更改h1顏色，以便您可以看到標題Clock。請參閱https://jsfiddle.net/highdown/q4h76xzc/。 – Highdown

你在做與名身體

.body

意思等級

變化body

你也需要添加!important因爲你這個CSS文件後加載引導。

見fiddle

來源

2017-06-20 19:27:32 jdmdevdotnet

是的，我會把所有的插件CSS放在你自己的風格之前 –

它可能被別的東西替代。試試這個：

body 
    { 
      background-color: black!important; 
    }

來源

2017-06-20 19:28:16

問題是他瞄準'.body'而不是'body'。添加'！important'將無能爲力。 – jdmdevdotnet

我不認爲身體是一類 –

Riiiiiight。他的代碼有哪些錯誤。 – jdmdevdotnet

的引導是壓倒一切的代碼，添加重要（體前放一段）

.body 
{ 
    background-color: black!important; 
}

來源

2017-06-20 19:34:34 figbar

當我將身體的背景顏色設置爲黑色時，它會保持白色

回答

相關問題