文本的黑色背景

我正在爲div中的文本獲取黑色背景。我不知道爲什麼。 div的代碼和樣式是。文本的黑色背景

<div class="intro_div"> 
      <div>Intro text goes here</div> 
</div>

風格的DIV是

.intro_div{ 
    color: #fff; 
    font-size: xx-large; 
    text-align: center; 
    height: 500px; 
    vertical-align: middle; 
    line-height: 500px; 
}

輸出是

來源

2016-03-07 suhail c

我沒有看到，在給定的代碼。 https://jsfiddle.net/16bobgmu/可能是其他代碼/ css可能會影響它。 – ketan

檢查計算的身體標籤上的css –

如果您可以在線提供所有文件會更好。 –

你需要使用的背景顏色，不變色：

.intro_div{ 
    background-color: #fff; 
    color:black; 
    font-size: xx-large; 
    text-align: center; 
    height: 500px; 
    vertical-align: middle; 
    line-height: 500px; 
}

另外，嘗試在你的CSS中使用已知的名字，所以它會更可讀。所以不是

background-color: #fff;

使用

background-color: white;

來源

2016-03-07 05:39:48

您可以查看使用谷歌Chrome或Mozilla Firefox瀏覽器調試工具，看是否DIV繼承其它CSS規則試試？

它可能沒有intro_div的css規則，而是有div規則。

在Mozilla上，您可以右鍵單擊文本，查看元素，然後分析調試器窗口右下角的css規則。

由於您使用的是鑲邊，請瀏覽窗口右側的樣式標籤中的所有規則。可能是您的其他樣式表之一導致了這種情況（例如材料設計樣式表）。在將其明確設置爲白色之前，先確定將其設置爲黑色的內容。它應該在默認情況下取消設置。

來源

2016-03-07 05:41:13 iwillnot

我注意到你有錯誤的CSS背景顏色屬性。它應該是

background-color:

不 color：

https://jsfiddle.net/fergnab/16bobgmu/1/

來源

2016-03-07 05:44:07 Fergus

沒有什麼在此代碼爲黑色BG。它必須來自其他地方即母元素。選擇帶有介紹類的div並檢查右側底部的所有樣式，以任何樣式查找背景顏色屬性。

來源

2016-03-07 05:49:08

你應該採取的白色背景的彩色和黑白顏色是這樣的：

<html> 
<head> 
    <style type="text/css"> 

    .intro_div{ 
     background-color: #fff; 
     color:black; 
     font-size: xx-large; 
     text-align: center; 
     height: 500px; 
     vertical-align: middle; 
     line-height: 500px; 
} 
    </style> 
</head> 
<body> 
<div class="intro_div"> 
      <div>Intro text goes here</div> 
</div> 
</body> 
</html>

來源

2016-03-07 05:56:51 RK12

文本的黑色背景

回答

相關問題