-2
저는 이미지 맵핑이 시대에 뒤떨어져 있고 대신 모든 HTML/CSS를 사용해야한다는 현재 채용 장소를 확신하려고합니다. 나는 이미지 맵핑에 대한 강력한 주장이 필요하다. 너희들 좀 도와 줄래?왜 이미지 매핑이 잘못 되었습니까?
A
답변
0
이미지를 사용하는 경우 사용자가 클릭 할 수있는 부분임을 전달하기 위해 이미지 맵이 어렵다는 것을 발견했습니다. CSS에서 롤오버 효과를 사용하는 것이 더 쉽고 이러한 방식으로 사용자에게 피드백을 제공합니다.
실제 사용에는 문제가 없습니다.
좋은 예를 보려면 Mystery meat navigation을 확인하십시오.
2
이미지 맵이 반드시 "구식"이라고는 할 수 없습니다. 실제로 기능은 여전히 최신 HTML5 사양에 있습니다. svg (확장 가능한 벡터 그래픽)을 지원하지 않는 브라우저의 불규칙한 모양의 영역에서 마우스 동작을 감지하는 기능은 매우 구체적인 틈새 시장에서 기능을 제공합니다. IE6-8을 지원해야하고 이런 종류의 기능이 필요한 경우 실제로 대안이 없습니다.
자바 스크립트를 사용하여 마우스 오버 및 기타 효과 (예 : ImageMapster jQuery 플러그인)를 만들어 "미스터리 고기"탐색 관련 문제를 처리 할 수 있습니다.
최신 브라우저에서는 SVG가 CSS를 통해 이러한 종류의 효과를 기본적으로 지원할 수 있습니다. 이전 브라우저 지원이 문제가되지 않는다면 아마 imagemap 대신 SVG를 사용할 것입니다. 견고한 구현은 SVG를 사용하고 이전 브라우저의 이미지 맵으로 대체 할 수 있습니다.
관련 문제
- 1. 조명이 왜 잘못 되었습니까?
- 2. Matlab : 왜 입력이 잘못 되었습니까?
- 3. 왜 OR 연산자가 잘못 되었습니까?
- 4. 왜 해시 값이 잘못 되었습니까?
- 5. 왜 날짜가 잘못 변환 되었습니까?
- 6. 왜 내 코드가 잘못 되었습니까?
- 7. 왜 문서의 금액이 잘못 되었습니까?
- 8. 왜 어셈블리 명령이 잘못 되었습니까?
- 9. 왜 ELIF 구문이 잘못 되었습니까?
- 10. 왜 내 DateTime이 잘못 되었습니까?
- 11. 왜 pytz 오프셋이 잘못 되었습니까?
- 12. 왜 콘솔 출력이 잘못 되었습니까?
- 13. Doctrine 2.0 결과 집합 매핑이 잘못 사용 되었습니까?
- 14. NSImage 크기가 잘못 되었습니까?
- 15. 왜 내 html이 잘못 형성 되었습니까?
- 16. 왜 Perl로 단어를 정렬하는 것이 잘못 되었습니까?
- 17. 왜 내 재귀 함수가 잘못 되었습니까?
- 18. 왜 "루비 젬을 요구하는 것이 잘못 되었습니까?"
- 19. AngularFire 채팅 예제가 왜 잘못 되었습니까?
- 20. 왜 자바 스크립트에서 날짜가 잘못 되었습니까?
- 21. 왜 내 Excel 수식이 잘못 되었습니까?
- 22. 포인터 메모리 할당 포인터, 왜 잘못 되었습니까?
- 23. 왜 내 Wordpress 코멘트의 날짜가 잘못 되었습니까?
- 24. 왜 jexl calc 산술이 잘못 되었습니까?
- 25. 왜 자바 스크립트 바이너리 검색이 잘못 되었습니까?
- 26. 왜 jGit의 RevWalk.reset() 메소드가 잘못 되었습니까?
- 27. 왜 내 CSS 메뉴가 잘못 포맷 되었습니까?
- 28. argv [0]의 출력이 왜 잘못 되었습니까?
- 29. 왜 자식 서브 모듈 경로가 잘못 되었습니까?
- 30. 왜 프로젝트 모듈의 버전이 잘못 되었습니까?