可以在父div的懸停上更改嵌套圖像背景顏色嗎？

Question

這是我在這個網站上的第一個問題，希望有人能幫助我。

我有一個父div，這是一個鏈接到另一個頁面。在這個div裏有一個.png圖像，我想要這個PNG圖像的背景顏色在的位置上改變，而不是僅僅是圖像本身。

我想這樣做，只有HTML和CSS

這可能嗎？

Answer 1

它不可能改變使用HTML CSS的IMG背景，如果你想從它的父母繼承的IMG背景，然後使用透明背景。歡迎來到SO！

Answer 2

我認爲你正在尋找的東西一樣，但巴紐必須是透明的，以顯示不同的背景顏色

CSS：

#parent{ 
    height: 400px; 
    width: 400px; 
    background-color: green; 
} 
img{ 
    height:100px; 
    width:100px; 
} 
#parent:hover img{ 
    background-color:white; 
} 

HTML

<div id="parent"> 
    <img src="something.png" alt="1" /> 
</div> 

jsFiddle Example