ホームページ > ウェブフロントエンド > htmlチュートリアル > ul li がnested_html/css_WEB-ITnoseになった後、IE7およびIE6でエラーが発生する

ul li がnested_html/css_WEB-ITnoseになった後、IE7およびIE6でエラーが発生する

WBOY
リリース: 2016-06-21 09:41:31
オリジナル
1005 人が閲覧しました

IE は CSS LI と互換性があります

HTML コードは次のとおりです:
            <ul class="service_list2">                <li><a href="#">智能交通</a></li>                <li><a href="#">公路监理</a></li>                <li><a href="#">道路检测</a></li>                <li><a href="#">桥梁隧道检测</a></li>                       <ul class="service_list3">                          <li><a href="#">智能交通</a></li>                          <li><a href="#">公路监理</a></li>                          <li><a href="#">道路检测</a></li>                       </ul>                <li><a href="#">环境检测</a></li>                <li><a href="#">工程计咨询</a></li>                </ul>
ログイン後にコピー

CSS コードは次のとおりです:
ul.service_list2 li {	text-align: left;	line-height: 25px;	height: 30px;	background-image: url(../images/submenu_bg.gif);	padding-left: 65px;	background-repeat: no-repeat;	background-position: center center;	padding-top: 5px;	font-weight: bold;	font-size: 14px;	zoom:1;} ul.service_list3 li {	line-height: 25px;	height: 30px;	padding-left: 60px;	background-image: url(../images/submenu3_bg.gif);	font-size: 12px;	font-weight: normal;	background-repeat: no-repeat;	background-position: 45px;	zoom:1;}
ログイン後にコピー

IE8 での効果は次のとおりです。IE8 での効果はデザインの本来の意図です


IE7 は以下でブロックされています


IE6 はさらに大げさです



困惑しているので助けていただきたいです。どうもありがとうございます。

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

赤い部分を li に入れて試してください


    /a>
    t ; ;&li&lt;&lt;

    HTML 形式が正しいことを確認するために li で囲みます

  • 高速道路監督

  • /li> >> lt;a href = "&gt; smart transportation&lt;&lt;/li&gt; CSS スタイルを調整して問題を解決しました。ありがとうございます。

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