IMG는 마우스 오버하지 않습니다

내 코드에서 볼 수 있듯이 원 모양의 링크가 여러 개 만들어집니다.이 링크에는 이미지가 있지만 이미지를 가져 가면 이미지가 변경됩니다. 다른 것.IMG는 마우스 오버하지 않습니다

그러나 내가 가져 가려고하면 작동하지 않습니까? : S

CSS :

.Row { 
width:16%; 
height:250px; 
text-align:center; 
margin-top:25px; 
margin-left:130px; 
float:left; 
display:block; 
border:0px solid red; 
overflow:hidden; 
} 

.Google { 
width:240px; 
height:240px; 
text-align:center; 
border:5px solid white; 
border-radius:300px; 
margin:auto; 
background-image:url("img/googlet.png"); 
} 

.Google:hover { 
background-image:url("img/outlook.png"); 
}

HTML : 당신은에 태그 차단할 수 있습니다

<div class="Row"> 
<a href="http://google.co.uk"> <div class="Google"></div> </a> 
</div>

출처

2014-06-18 user3523828

당신이 jsfiddle 또는 유사한 것을 추가 할 수 있습니까? –

어쩌면'.Google : hover' 대신'a : hover .Google '을 사용해 보시겠습니까? – Frondor

코드가 작동하고 있습니다 : http://jsfiddle.net/A4Dut/, 이미지 만 변경되었습니다. 어쩌면 당신은'. 로우 (Row) '에 대해 무적의 부분을 가지고있을 수 있습니다. 그래서 당신이 링크를 가져올 수없는 이유는 무엇입니까? – Justinas

:; 다음과 같은 호버에 대한 CSS를 쓰기

보다 {디스플레이 블록을}.

A : .Google {배경 - 이미지 : 홈페이지 ("IMG/outlook.png을");} 가져

출처

2014-06-18 09:35:31

IMG는 마우스 오버하지 않습니다

답변

관련 문제