ホームページ >ウェブフロントエンド >htmlチュートリアル >IE6 では、display:none; が無効なのはなぜですか? _html/css_WEB-ITnose
IE6 では、display:none; が無効なのはなぜですか? _html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:10:161297ブラウズ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">.ceshi a{ width:200px; height:200px; position:relative; background-color:#0F0; display:block; }.ceshi a .b{ width:100px; height:100px; position:absolute; right:0px; bottom:0px; background-color:#000; }.ceshi a:hover{ border:0 none; /*这个地方是在网上看的方法，IE6下无法起到作用*/ }.ceshi a:hover .b{ display:none; }</style></head><body><div class="ceshi"><a href="#" target="_blank"><div class="b"></div></a></div></body></html> この div は、ページを開いたときに左下隅に表示する必要があります
マウスを移動したときにのみ表示されます。
アドバイスをお願いします。ありがとうございます。
返信ディスカッションへ (解決策)
.ceshi a:hover .b{ display:none; background:none;} .ceshi a:hover{
border:0px #69f none; /*完全に書きます*/
}
順番を忘れました、間違っているかもしれません
CSS コード
.ce shi a: ホバー .b{
表示: なし;
背景: なし }
- -~!私の div には他のものが含まれている可能性があります。これを行うのは意味がありません。
さらに、IE6 では無効です
border:0px #69f none; /*完全に書き込みます*/
}
順番を忘れてしまいました。間違っているかもしれません
IE6 ではまだ動作しません
それなら、省略形を使用する必要はありません。つまり、ボーダースタイルで書き留めてください。 , border-width: 一つずつ書いていきます
また、枠線を追加したときに枠線が見えませんでした
IE6を長い間触っていなかったので
例えば、幅/高さを0に設定してください
たとえば、幅/高さを0に設定してください
大丈夫、私の考えが狭すぎるようです、
ありがとう、完了です
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。