防止元素在單擊時隱藏

Question

我創建了一個具有visibility: hidden的元素visibility: hidden ，當它的:hover時，它變成了visibility: visible 。 它在桌面視圖上完美運行，但在移動網絡上它會在元素被點擊時消失。 我該如何解決這個問題？ 僅當我們單擊元素外部或關閉按鈕時才設置為隱藏/消失。

Answer 1

:hover在手機中不會觸發，因為手機只是點擊。 （你沒有什么可以懸停的！​​）

幸運的是，如果您將:active選擇器與:hover結合使用，只要:active在:hover之后就可以實現這一點。

.element:hover, .element:active{
   visibility: visible;
 }