정확한 위치에 호버링이 표시되지 않습니다.

div에 이미지가 있고 div에 이미지가 있습니다. div에 jquery hover를 호출하고 있습니다. div의 크기를 40 * 30으로 설정했습니다. 내 문제는 내가 div의 buttom에있을 때 유혹이 효과가 있다는 것입니다!정확한 위치에 호버링이 표시되지 않습니다.

<div style=" width: 40px; height: 30px; background-image:url('someImage');cursor:pointer;" class="Div"> 
<img src="someimage" style="width: 40px; height: 30px; opacity: 0;" class="Image" /> 
</div>

이 내가 함께 당신이 http://jsbin.com/uvaje3에 이상 할 시도하고 어떻게 됐을까의 예를 넣었습니다 JQuery와

$(document).ready(function() { 

$('.Div').hover(
function() { $("img.Image", this).animate({ "opacity": "1" }); } 
    , 
function() { $("img.Image", this).animate({ "opacity": "0" }); } 
); 
});

출처

2011-03-03 Ali

안녕하세요, "div의 버튼에있을 때"무엇을 의미합니까? 코드에서 HTML 버튼 마크 업을 볼 수 없습니까? – Godders

미안 하단을 의미합니다.) – Ali

div와 image는 각각 'position : relative' /'position : absolute;'가 필요합니다. –

답장을 보내 주셔서 감사합니다. , 나는 내 문제를 해결했다고 생각해. 문제는 어떻게 든 나는 어떤 내용도 가지지 않고 있고, 나의 이미지를 겹치고 있었던 다른 div를 가지고 있었다라는 것이었다! !!!!

출처

2011-03-03 18:41:31 Ali

입니다 :

이

는 코드입니다. 별도의 img 태그를 사용하지 않은 이유는 혼란 스럽습니다 ... 별도의 img 태그가 필요한 이유가 있다면 사과드립니다.

출처

2011-03-03 18:25:43 Godders

정확한 위치에 호버링이 표시되지 않습니다.

답변

관련 문제