CSS懸停和移動相容性
問題:
為什麼我的CSS懸停類功能在網頁瀏覽器上,但不在行動裝置上瀏覽器?
答案:
:hover 偽類利用指點設備進行啟動。具有觸控介面的行動裝置缺乏此功能,因為它們只允許選擇。
如W3C 所解釋的:
「:hover 偽類在使用者指定元素時應用(帶有一些指向)裝置),但不會啟動它。例如,當遊標(滑鼠指針)懸停在由裝置產生的框上時,可視化使用者代理程式可以套用此偽類。 >與行動裝置的兼容性各不相同。
由於越來越流行,不鼓勵依賴 :hover的觸控螢幕設備,可能不支援這些事件。 替代解決方案,例如基於 JavaScript 的滑鼠懸停效果,可能是跨平台相容性所必需的。
以上是為什麼我的 CSS 懸停效果在行動裝置上不起作用?的詳細內容。更多資訊請關注PHP中文網其他相關文章!