CSS : a : hover img 배경 없음?

Question

내 링크에 배경색이 있습니다 (호버, 레일 스타일). 내가 hover에 대한 배경을 갖고 싶지 않은 a-tag 안에 img가 있습니다.

나는

a:hover img{ background-color: #fff; } 

을 시도하지만 그건 아무것도 아니에요. 어떻게 h 태그에서 img 태그를 제외 할 수 있습니까?

들으, MRB

편집 : jsFiddle

http://jsfiddle.net/rasvf/1/

예에서 : 의도 한대로 "구글은"가져가 빨간색 배경을 가지고있다. 그러나 당신이 이미지 위로 마우스를 가져 가면, 또한 그것을합니다. 공중 선회 배경이 없어야합니다. 당신이 원하는 경우

a:hover img{ visibility: hidden; } 

또는

a:hover img{ display: none; } 

편집

: 내가 제대로 이해하면

Answer 1

아! 나는 그것을했다. 쉬운.난 그냥이 아닌 -에 - - 어 - 배경 이미지를 한 다음 다른 사업부에 넣어 :

.otherdiv a:hover{ background-color: transparent; } 

Answer 2

, 난 당신이 이런 일을하려고 생각

a:hover img {background-color: transparent;} 

예 : http://jsfiddle.net/6qwJy/

Answer 3

예를 이해하기 어렵습니다. 이미지 배경 색상은 항상 또한 호버에, 흰색 될 것입니다 이러한 스타일 규칙

a#foo:hover { background-color: blue; } 
a#foo img { background-color: white; } 

으로 다음

<a class="foo" href="#"><img src="bar.gif"/> Click me</a> 

: 나는 HTML이 조각을 말해봐.

그러나 링크가 포함 된 요소에 배경 이미지가 있고 그 이미지를 전경 이미지 뒤에 표시하려면이 작업을 수행 할 수 없습니다.

a#foo:hover span { background-color: blue; } 

이 당신이 의도인가 :이 경우 당신은 기간에 링크의 "나"를 클릭 텍스트 줄 바꿈과 스타일 시트에 작성해야?

Answer 4

a img { 
    vertical-align: bottom; 
} 

Answer 5

좋아, 당신이 나를 믿지 않을 것이다, 그러나 나는 위와 같은 문제를했고,

<a href="#">
             :

나는 이런 식으로 뭔가를 가지고 다음과 같이 내가 해결3210 <img src"path/to/image.gif">
</a>

그리고 내 CSS에서 내가 가진 : 난 그냥 '는'태그와 같은 줄에 'IMG'태그를 넣어했다, 날 믿어,

a:hover { text-decoration: underline; }

그리고, 같은 :

<a href="#"><img src="path/to/img.gif"></a>

그리고 그게 전부였다!