私はフロントエンド開発をほとんど行っておらず、この分野の知識は比較的少ないです。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title></title><style type="text/css">.menus { float:left; width:98%; margin-bottom:0px; height:50px; background-image:url(images/qiannan.png);}#navs { margin-top:0px; text-align:center;}#navs li { display: inline; text-align:center; vertical-align:middle; list-style-type: none;}#navs li a { display:block; padding:15px 0px 0px 20px; margin-left:-40px; margin-right:40px; text-align:center; color:#fff; font-size:18px; font-family:arial; font-weight:900; height:35px; text-decoration:none;}#navs li a:link,#nav li a:visited { float:left; padding-right:20px; text-align:center; vertical-align:middle;}#navs li a:hover { background-color:#2c58ae; color:#E0ECFF;}.onclicks { background-color:#E0ECFF; color:#416AA3; }</style></head><body> <div style="height:32px; background-image:url(images/shengnan.png);"> <div id="saturday" style="height:50px; width:100%; background-image:url(images/qiannan.png); float:left; margin-top:0px;"> <ul id="navs"> <li><a href="#" value="arbitration/arbitration_directory.html"> <img src="/static/imghwm/default1.png" data-src="images/zcts.png" class="lazy" style="max-width:90%" style="max-width:90%" style="float:left; margin:-7px 5px 0px 0px;" alt="シンプルなメニューは Firefox では問題なく動作しますが、IE_html/css_WEB-ITnose ではクリックが乱雑になります。" >a</a></li> <li><a href="#" value="left_materialSubscribe.html"> <img src="/static/imghwm/default1.png" data-src="images/wlsg.png" class="lazy" style="max-width:90%" style="max-width:90%" style="float:left; margin:-7px 5px 0px 0px;" alt="シンプルなメニューは Firefox では問題なく動作しますが、IE_html/css_WEB-ITnose ではクリックが乱雑になります。" >b</a></li> <li><a href="#" value="left_alipay.html"> <img src="/static/imghwm/default1.png" data-src="images/pay.png" class="lazy" style="max-width:90%" style="max-width:90%" style="float:left; margin:-7px 5px 0px 0px;" alt="シンプルなメニューは Firefox では問題なく動作しますが、IE_html/css_WEB-ITnose ではクリックが乱雑になります。" >c</a></li> <li><a href="#" value="left_alipay.html"> <img src="/static/imghwm/default1.png" data-src="images/monery.png" class="lazy" style="max-width:90%" style="max-width:90%" style="float:left; margin:-7px 5px 0px 0px;" alt="シンプルなメニューは Firefox では問題なく動作しますが、IE_html/css_WEB-ITnose ではクリックが乱雑になります。" >d</a></li> <li><a href="#" value="left_alipay.html"> <img src="/static/imghwm/default1.png" data-src="images/nohead.png" class="lazy" style="max-width:90%" style="max-width:90%" style="float:left; margin:-7px 5px 0px 0px;" alt="シンプルなメニューは Firefox では問題なく動作しますが、IE_html/css_WEB-ITnose ではクリックが乱雑になります。" >e</a></li> <li><a href="#" value="left_alipay.html"> <img src="/static/imghwm/default1.png" data-src="images/msg.png" class="lazy" style="max-width:90%" style="max-width:90%" style="float:left; margin:-7px 5px 0px 0px;" alt="シンプルなメニューは Firefox では問題なく動作しますが、IE_html/css_WEB-ITnose ではクリックが乱雑になります。" >f</a></li> </ul> </div> </div> </body></html>
上記のコードは Firefox では正常に動作しますが、IE では動作しません。互換性を持たせるにはどうすればよいですか? IE8 と互換性がある必要があります
ディスカッションへの返信 (解決策)
IE8 では問題が見つかりませんでした。あなたの li は水平方向ですか?
a は幅のないブロックとして定義されています。ie6 では問題があるはずです。
IE8 効果はFirefoxと同じです...
IE8では問題は見つかりませんでした。
aは幅のないブロックとして定義されています
これは問題があります。 Firefox と IE 8 で開いた 以下のページは正常に見えます
このメニューの b をクリックすると
IE がおかしくなります:
Firefox は正常です:
IE8 と Firefox は同じ効果があります... があるようです何か表現が間違っていますが、このメニューをクリックすると、最初にクリックしなくても、IE が正常に表示されました。
あなたの元のコードはクリックすると何かをしますが、今与えているコードをクリックしても反応はありませんか?
あなたの元のコードはクリックすると何かをしますが、クリックしても反応はありませんか?あなたが今与えているコードについて はい
他の参照を使わずに、上記のコードを直接使用し、それをクリックすると、li タグが 1 行ではなく、多くの行に置き換えられます。
クリックしても元のコードは機能しますか? しかし、今私に与えられたコードをクリックしても反応がありません
ここの画像パスを表示可能な画像に変更すると問題が発生します。

Theroottaginanhtmldocumentis.itservesStop-levellementThateChationCothercontent、ProperDocumentsTurcuteRuctureAndBrowsingを保証します。

この記事では、HTMLタグは要素を定義するために使用される構文マーカーであり、要素はタグやコンテンツを含む完全なユニットであると説明しています。彼らは協力してWebPages.Characterカウントを構築するために協力します:159

この記事では、&lt; head&gt;の役割について説明します。および&lt; body&gt; HTMLのタグ、ユーザーエクスペリエンスへの影響、およびSEOの影響。適切な構造化により、ウェブサイトの機能と検索エンジンの最適化が強化されます。

この記事では、HTMLタグの違いについて説明します。、、、、、、、およびプレゼンテーションの使用とSEOとアクセシビリティへの影響に焦点を当てています。

記事では、UTF-8に焦点を当てたHTMLでのキャラクターエンコーディングの指定について説明します。主な問題:テキストの正しい表示を確保し、文字化けされたキャラクターの防止、SEOとアクセシビリティの強化。

この記事では、Webコンテンツの構築とスタイリングに使用されるさまざまなHTMLフォーマットタグについて説明し、テキストの外観に対する影響とアクセシビリティとSEOのセマンティックタグの重要性を強調しています。

この記事では、HTMLの「ID」属性と「クラス」属性の違いについて説明し、一意性、目的、CSS構文、および特異性に焦点を当てています。それらがWebページのスタイリングと機能にどのように影響するかを説明し、のベストプラクティスを提供する

この記事では、スタイリングとJavaScriptの操作の要素をグループ化するHTML「クラス」属性の役割を説明し、一意の「ID」属性とは対照的です。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!

SublimeText3 Linux 新バージョン
SublimeText3 Linux 最新バージョン

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター

ホットトピック









