如何讓div的背景顏色變紅？

-3

我有這方面的div相同的類和含有相同的CSS設計圖片如何讓div的背景顏色變紅？

<div class="it2" style="background: url(../images/ian.png) no-repeat top center;"></div> 

<div class="it2" style="background: url(../images/top.png) no-repeat top center;"></div> 

<div class="it2" style="background: url(../images/ylle.png) no-repeat top center;"></div>

我試圖做的是，當我徘徊了div的一個背景將變成紅色而不覆蓋畫面

任何可能的想法？

我嘗試添加在CSS：

.it2:hover { background-color:red;}

，但它不工作

來源

2014-01-08 SHSHSHSHS

'hacground-color'會如何幫助？我*想*你在說什麼是半透明的紅色覆蓋？「紅色沒有覆蓋圖片」？ – meagar

.it2：hover {background-color：red;} –

@meagar對不起，它有一個錯字...我的意思是「紅色的無線海灣」是圖片不會是紅色的，但背景將是紅。 – SHSHSHSHS

我假設在你的代碼片段錯字只是在發佈，而不是實際的代碼？

假設您的實際css文件具有'background-color'而不是'hacground-color'作爲屬性名稱，是所有的CSS內聯還是某個獨立的樣式表？內聯CSS將總是過度規則樣式表（這是樣式表中所有內容的優勢之一 - 需要更多空間來處理，需要更改時）。支持的瀏覽器？如果沒有，背景顏色將在圖像後面，因此您將看不到更改。

如果您的網站需要在不能正確渲染透明度的瀏覽器上工作，需要使用兩個背景圖像（唯一的區別是圖像的背景顏色）並使用CSS在它們之間切換。

來源

2014-01-08 01:36:38 LindaJeanne

謝謝，我剛剛意識到這一點，傻了我。我想我會改變整個代碼，並使用而不是謝謝你女士 – SHSHSHSHS

試試這個：

.it2:hover 
{ 
    background:url() no-repeat top center; 
    background-color:red; 
}

來源

2014-01-08 01:40:18 baiyangcao

如何讓div的背景顏色變紅？

回答

相關問題