2011-11-14 2 views
1

작은 (?) 이미지 위에 마우스를 올려 놓으면 툴팁이 나타납니다. 그러나 Chrome에서 이 마우스 오버하지 않고 (마우스가 튀어 나오면), 툴팁의 이미지 일부가 계속 표시됩니다. 일부 유령 이미지와 같습니다. Chrome에서 요소 위로 마우스를 올리면 툴팁 이미지가 멈 춥니 다.

은 jsFiddle 테스트 케이스이다 :

http://jsfiddle.net/UYxBt/

+0

당신은 [jsFiddle] (http://jsfiddle.net/) 테스트 케이스를 만들 수 있습니까? – thirtydot

+0

몇 가지 코드를 제공해 주시겠습니까? – Avitus

+0

이제 테스트 케이스를 추가했습니다. – catandmouse

답변

1

망가 인라인 요소 '.tooltip span'를 사용합니다. 'div'을 사용하거나 css 파일에서이 범위에 'display:block'을 추가하십시오.

http://jsfiddle.net/fliptheweb/UYxBt/1/

+0

고마워. 디스플레이 추가 : 블록이 문제를 해결하는 이유를 알려주십시오. – catandmouse

+0

이 기사는 http://www.webdesignfromscratch.com/html-css/css-block-and-inline/에서 찾을 수 있으며 이해를 돕기를 바랍니다. – fliptheweb

관련 문제