마우스가 특정 영역 위로 마우스를 가져 가면 마우스로 팝업되는 팝업 상자가있는 이미지 맵 메뉴가있는 사이트를 구축하고 있습니다. 그것은 파이어 폭스와 IE에서 잘 작동하지만 크롬에서 페이지를로드 할 때 페이지가 스크롤되지 않은 것처럼 상자가 나타납니다. 페이지가 맨 위로 스크롤되는 경우 잘 작동하지만 사용자가 아래로 스크롤하면 상자가 페이지의 높이가됩니다.CSS/javascript 가리개가 크롬에 올바르게 표시되지 않습니다.
내가 http://www.dhtmlgoodies.com/index.html?whichScript=bubble_tooltip WWW (점) dramanotebook에서 가져온 스크립트를 사용하고 (점) COM/메뉴/당신의 도움을 사전에
감사 (나는 단지 하나의 하이퍼 링크를 넣을 수 있습니다)
가 이잖아 이 스크립트의 버그는 예제 페이지에도 표시됩니다. 어쩌면 그만큼이 라인을 삭제하려면 '? 당신이 Safari에서이 시도가'내가 부탁하고 있었다
if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0;
을, 크롬과 사파리 모두 웹킷 엔진을 사용하기 때문이다.
.js 파일을 살펴보십시오.
function showToolTip(e,text){
/* blah blah*/
var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0; /**** THIS ****/
var leftPos = e.clientX - 100;
/*etc.*/
}
userAgent 문자열을 사용하여 Safari에만 적용되는 수정 사항이 있습니다. Chrome은 사용자 에이전트 문자열에서도 'Safari'를 전송하므로 Chrome에도 적용됩니다. 이것은 일반적으로 빈약 한 실천으로 간주됩니다. 일반적으로 dhtmlgoodies의 스크립트는 매우 오래된 것입니다. 이 픽스는 새로운 웹킷 렌더러에 여전히 필요합니까? 누가 알아. 댓글을 달고 수정했는지 확인해보십시오.