ホームページ > ウェブフロントエンド > htmlチュートリアル > マウスオーバー効果が表示されないのはなぜですか?_html/css_WEB-ITnose

マウスオーバー効果が表示されないのはなぜですか?_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:22:15
オリジナル
1568 人が閲覧しました

<!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 疑似クラス記述メソッドをサポートしているわけではありません ( タグを除く)~~~
ベスト非表示効果を実現するには JS を使用してください

現在、すべてのブラウザがタグの :hover 疑似クラス記述メソッドをサポートしているわけではありません ( タグを除く)~~~
JS を使用するのが最善です非表示効果を実現するには
すごい

IE でテストしました。F12 を押してドキュメント モードを非 Quirks 標準に設定するだけです

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート