：懸停影響超文本鏈接，而不是IMG鏈接

Question

我的HTML文件具有類似

<a href="foo.html"> 
    <img width="64" src="foo.svg" alt="foo"/> 
</a> 

和我的CSS文件中有

body 
{ 
    background: #FFF; 
} 
a:hover 
{ 
    background: #ABB; 
} 
img 
{ 
    background: #FFF; 
} 

這工作正常進行文本超鏈接。當懸停在文本超鏈接上時，背景顏色從FFF變爲ABB。

但在這種情況下，img也是一個超鏈接，並且因爲它的svg，它的背景顯示。如何在徘徊時創建img更改的背景？使用此語法a:hover img { }

a:hover, 
a:hover img 
{ 
    background: #ABB; 
} 

Answer 1

嘗試：

img 
{ 
    background: #FFF; 
} 

如果你想是背景改變的懸停主播，你必須爲此做一個規則。

a:hover img 
{ 
    background: #F00; 
} 

否則，你需要確保圖像的（html）背景是透明的，所以你只顯示錨的背景。

如果您嘗試將svg嵌入到頁面中，並對某些元素使用CSS，那完全是另一回事。

Answer 2

你已經在爲這項規則的圖像背景