순수 CSS로 이미지 맵 마우스오버 스타일을 지정할 수 있나요?

CSS를 사용하여 이미지 맵의 마우스오버 스타일을 지정할 수 있나요?

이미지 맵을 사용하면 이미지에 링크를 만들 수 있습니다. 하지만 사용자가 해당 영역 위로 마우스를 가져가면 해당 영역에 스타일을 적용할 수 있습니까?

코드 시도 및 문제

다음 코드 조각을 시도했지만 실패했습니다.

CSS 전용 솔루션

이미지 맵을 사용하는 동안 hover 스타일을 적용할 수 있습니다. 이미지 위에 위치한 요소에 적용됩니다. 이렇게 하면 프로세스가 단순화되어 jQuery가 필요하지 않습니다.

• 이미지를 하단에 배치합니다.
• 절대 위치 지정 및 불투명도가 로 설정된 두 개의 앵커 블록()을 추가합니다. 0.
• 마우스를 올리면 불투명도를 0.2.

코드 예시

위 내용은 순수 CSS로 이미지 맵 마우스오버 스타일을 지정할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!