Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
:hover で動作し、css のみを使用する 3 レベルのメニューがあります。ここで、ホバーに小さな遅延を追加する必要があります (したがって、css :hovers を .hover クラスに変更し、jQuery を使用します)。問題は、ブラウザの JavaScript がオフになっている場合でも、メニューは機能するかどうかです。両方の「システム」を同時に動作させることはできますか?
タグにクラスを追加no-jsします。<html>
no-js
<html>
<html class="no-js">
次に、そのクラスを JavaScript から削除します。
$('html').removeClass('no-js');
CSS では、次のように JS が無効になっているブラウザーをターゲットにします。
.menu.hover { color: red; } // .hover class .no-js .menu:hover { color: red; } // pseudo :hover JS disabled