Dax Assist에서 분리 된 롤오버 스크립트가 있습니다. daxassist. COM/JS/disjointedrollovers.cfm탐색기 및 사파리에서 분리 된 롤오버 문제
체크 아웃 내가 일하고 있어요 페이지 : http://www.gherkin.co.nz/tester/
넘어가는 파이어 폭스에 꽤 잘 작동을하지만, 탐색기에서 더 큰 이미지는 중앙 사업부 아래에 표시하고, Safari에서 , 그들은 전혀 작동하지 않는 것 같습니다.
아이디어가 있으십니까?
이미지가 text-align: center CSS 속성을 상속하는 것 같습니다. CSS에서 large_card1 스타일을 무시하거나 모두 제거하십시오.
EDIT HTML을 보았는데 페이지에 img 요소가 여러 개 들어있어 모두 "holder"라는 ID를 갖고있는 것으로 보입니다. 요소에 대한 고유 ID 만 가져야합니다.
내가 복제 한 모든 img 태그를 제거하는 것이 좋습니다. 그 중 하나를 교체하는 것뿐입니다. 내 의심은 IE가 마지막으로 <img id="holder"...>에 대한 이미지를 바꾼다는 것이고, Firefox가 첫 번째를 사용하고 있으며 Safari는 "이걸 고치 라! 너무 혼란 스럽다"라고 말하면서 아무것도 바꾸지 않을 것입니다.
hmmm, text-align : left를 large_card1 클래스에 추가하려고 시도했지만 아무 것도 변경하지 않았습니다. Safari는 Mac에서 여전히 아무 것도하지 않습니다. 당신은 마우스 오버. 다른 아이디어? 저는 이에 대해 감사드립니다! – Allan
이 같은 문제를 디버그하려고 할 때 좋은 첫 번째 단계는 검증 될 것입니다 : http://validator.w3.org/check?verbose=1&uri=http://www.gherkin.co.nz/tester/
이 다른 문제가 있지만 일부 브라우저에서 문제가 이미지입니다 야기 된 것으로 판단 될 사람이 '반복 ID 속성 (요소 ID는 고유해야 함) 및 타겟팅중인 onmousover/onmouseout ID입니다.
경우에 따라 요소 위에 마우스를 올려 놓을 때 호출되는 changer2 함수는 id로 이미지를 찾고 있습니다 (document.images [id] 사용). 파이어 폭스는 단일 이미지를 반환하고 일부 다른 브라우저 (크롬, 아마도 사파리)는 이미지 배열을 반환하고 함수가 예상대로 작동하지 않습니다.
그래서 1 단계 : 사용자의 ID와 changer2 함수의 3 번째 인수를 수정하십시오.
Chrome에서 작동하지 않는 것 같습니다 ... – Mathew