首頁 >web前端 >css教學 >為什麼 :active 在 Mobile Safari 中的錨標記上不起作用以及如何修復它?

為什麼 :active 在 Mobile Safari 中的錨標記上不起作用以及如何修復它?

Patricia Arquette
Patricia Arquette原創
2024-12-02 08:52:10166瀏覽

Why Doesn't :active Work on Anchor Tags in Mobile Safari and How Can I Fix It?

偽類:active 在Mobile Safari 中無法辨識

某些偽類,例如:active,對於基於樣式的元素至關重要關於他們的狀態。但是,在基於 Webkit 的瀏覽器(例如​​ iOS 裝置上的 Safari)中,將 :active 應用於錨標記( 標記)在點擊元素時不會啟動。

解決方案:

body 標籤包含一個解決此問題的關鍵屬性:

<body ontouchstart="">

此屬性啟用觸控body 元素上的事件觸控處理,允許瀏覽器有效地識別和應用:active 偽類。

或者,您可以實現 Fastclick.js 庫,該庫增強了觸摸設備上的單擊事件處理並自動解決了這個問題。

以上是為什麼 :active 在 Mobile Safari 中的錨標記上不起作用以及如何修復它?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn