ie8とCSSとマウスオーバーで表示が消えるサンプル

2009/11/06 12:43

このQ&Aのポイント

ie8とCSSとマウスオーバーで表示が消える現象について、原因と解決策を探っています。
テーブルで作った「サイト内リンクのメニュー」を触ると、画面が消えることに気づきました。ie8では消えますが、Firefoxでは消えません。PCを再起動しても変わらず、他のページでは消えない現象が起きています。原因は何なのでしょうか？
上記の問題に関連して、提供されたサンプルのHTMLコードを確認し、CSSやonmouseoverに関連する要素を含めて表示が消える原因を特定しようとしています。

ie8とCSSとマウスオーバーで何故か表示が消える・・

テーブルで作った「サイト内リンクのメニュー」を触ると、画面が消えることに気づきました。 ie8では消えますが、Firefoxでは消えません。私の環境が何かおかしいのかも知れないけど、PCを再起動してみても変わらず。また、サイト内の他のページも同じメニューをコピペして使っているはずなんですが、そこでは消えません。それでこの現象に影響ないタグを削除して削除して残ったのが以下。原因は何なんでしょう・・。アップローダに上げたサンプル http://kissho.xii.jp/1/src/1jyou95949.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML lang="ja-JP"> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>ie8とCSSとonmouseoverで表示が消えるサンプル</title>  <style type="text/css"></style> </head> <body> <div id="outline"> <div class="header" align="center"> <table><tr><td> <div style="background:#fff;padding:2px;font-size:20pt" onmouseover="this.style.backgroundColor='#ced8ff'" onmouseout="this.style.backgroundColor='#fff'">触ると消える場所</div> </td></tr></table> 表示テスト。 </div> <div class="center-left"> <textarea name="R_text" cols="30" rows="20" style="font-size:30pt">消えるんですああ、</textarea> </div> <div class="right"> <textarea name="R_text" cols="20" rows="10" style="font-size:10pt"> ↓この下の線に沿って消えるんです</textarea> </div> </div> </body> </html>