シンプルなメニューは Firefox では問題なく動作しますが、IE_html/css_WEB-ITnose ではクリックが乱雑になります。-htmlチュートリアル-php.cn

ディスカッションへの返信 (解決策)

ホームページ

ウェブフロントエンド

htmlチュートリアル

シンプルなメニューは Firefox では問題なく動作しますが、IE_html/css_WEB-ITnose ではクリックが乱雑になります。

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 pm 12:16 PM

私はフロントエンド開発をほとんど行っておらず、この分野の知識は比較的少ないです。

<!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="images/zcts.png" width="36" height="36" style="float:left; margin:-7px 5px 0px 0px;">a</a></li>                    <li><a href="#" value="left_materialSubscribe.html">                    <img src="images/wlsg.png" width="36" height="36" style="float:left; margin:-7px 5px 0px 0px;">b</a></li>                    <li><a href="#" value="left_alipay.html">                    <img src="images/pay.png" width="36" height="36" style="float:left; margin:-7px 5px 0px 0px;">c</a></li>                    <li><a href="#" value="left_alipay.html">                    <img src="images/monery.png" width="36" height="36" style="float:left; margin:-7px 5px 0px 0px;">d</a></li>                    <li><a href="#" value="left_alipay.html">                    <img src="images/nohead.png" width="36" height="36" style="float:left; margin:-7px 5px 0px 0px;">e</a></li>                    <li><a href="#" value="left_alipay.html">                    <img src="images/msg.png" width="36" height="36" style="float:left; margin:-7px 5px 0px 0px;">f</a></li>                </ul>			</div>		</div>        			</body></html>

ログイン後にコピー

上記のコードは Firefox では正常に動作しますが、IE では動作しません。互換性を持たせるにはどうすればよいですか? IE8 と互換性がある必要があります