ホームページ >ウェブフロントエンド >htmlチュートリアル >マウスオーバー効果が表示されないのはなぜですか?_html/css_WEB-ITnose
マウスオーバー効果が表示されないのはなぜですか?_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:22:151571ブラウズ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>MyHtml.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> <style type="text/css"> .outer:hover .inner{ display: none; } </style> </head> <body> <div class="outer" > 鼠标滑过这里的时候 <div class="inner">这里为什么当鼠标滑过不隐藏呢？</div> </div> </body></html> ディスカッションに返信 (解決策)
現在、すべてのブラウザがタグの :hover 疑似クラス記述メソッドをサポートしているわけではありません (3499910bf9dac5ae3c52d5ede73834855db79b134e9f6b82c0b36e0489ee08ed タグを除く)~~~
ベスト非表示効果を実現するには JS を使用してください
現在、すべてのブラウザがタグの :hover 疑似クラス記述メソッドをサポートしているわけではありません (3499910bf9dac5ae3c52d5ede73834855db79b134e9f6b82c0b36e0489ee08ed タグを除く)~~~
JS を使用するのが最善です非表示効果を実現するには
すごい
IE でテストしました。F12 を押してドキュメント モードを非 Quirks 標準に設定するだけです
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。