Mobile Safari의 앵커 태그에서 :active가 작동하지 않는 이유는 무엇이며 어떻게 해결할 수 있나요?
- Patricia Arquette원래의
- 2024-12-02 08:52:10168검색
모바일 사파리에서 인식되지 않는 의사 클래스 :active
:active와 같은 특정 의사 클래스는 요소 기반 스타일링에 필수적입니다. 그들의 상태에. 그러나 iOS 장치의 Safari와 같은 Webkit 기반 브라우저에서는 앵커 태그( 태그)에 :active를 적용하면 해당 요소를 탭할 때 활성화되지 않습니다.
해결책:
body 태그에는 이 문제를 해결하는 중요한 속성이 포함되어 있습니다.
<body ontouchstart="">
이 속성은 터치 이벤트를 활성화합니다. 브라우저가 :active 의사 클래스를 효과적으로 인식하고 적용할 수 있도록 하는 body 요소에 대한 처리.
또는 Fastclick.js 라이브러리를 구현할 수도 있습니다. 이 라이브러리는 터치 장치의 클릭 이벤트 처리를 향상하고 자동으로 주소를 지정합니다. 이 문제입니다.
위 내용은 Mobile Safari의 앵커 태그에서 :active가 작동하지 않는 이유는 무엇이며 어떻게 해결할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.