내부 이미지에서 호버 스타일을 무시합니다.

Question

스타일을 img가 아닌 "a"요소에 적용하고 싶습니다.

A : : 호버 여기 예입니다 : {배경 # 555}

나는 이런 식으로 뭔가를하려고 노력 :

A : 호버 IMG {배경 : 없음; }

그러나 나는 아무것도하지 않을 것임을 알고있었습니다.

this question에서 찾은 해결책은 나에게 도움이되지 않았습니다. 왜냐하면 "display : none"은 호버링 할 때 이미지를 움직이기 때문입니다.

Answer 1

img는 앵커 안에 있으므로 이미지 요소의 배경에 관계없이 배경이 이미지 외부에 있지 않습니다. 이미지에 여백, 여백 또는 투명도가 있습니까?

Answer 2

나는 당신이 여기서 무엇을 묻고 있는지 잘 모르겠습니다.

이미지를 둘러싼 A 태그에 배경색을 넣으면 이미지가 덮여 있기 때문에 배경이 보이지 않습니다. 당신은 배경 색상을 표시 할 당신은 마우스를 통해이 같이 그것을 할 수 있습니다 (파일 이름 등을 자신의 이미지 치수를 삽입 할 때) 이미지를 숨길 경우

:

a { 
    display:block; 
    height:100px; 
    width:100px; 
    background-image:url(Images/sample.gif); 
    background-color:#555 
} 

a:hover { 
    background-image:none; 
} 

Answer 3

a:hover img { background:none } 

는 것을 의미한다 누군가가 IMG를 보게되면 IMG 배경은 none으로 설정됩니다. 즉 IMG가 포함되어 있기 때문에 A의 배경이 표시됩니다. (IMG는 명확하고 A는 배경을 가지고 있지만 IMG는 A의 위 또는 위에 있습니다. 따라서 A의 배경을 봅니다). 이미지가 부분적으로 투명하면 A의 배경이 보입니다.

최고의 솔루션

a {background:#555;} 
/* set image to the background color of the layer you want to get back to */ 
a:hover img { background:#fff; } 

Answer 4

배경이 내부 링크 화상 상속되지 수있다. 이미지에서 배경을 제거해도 아무 것도 시작하지 않으므로 아무 것도하지 않습니다.

이미지가있는 배경에 "구멍을 뚫어"넣으려고하면 불가능합니다. 링크에 다른 요소를 넣어 이미지가 차지하지 않는 공간을 채우고 대신 해당 요소의 배경을 설정해야합니다.