<p class="sougouContent"> </p> <p class="tag"> ナビゲーション CSS の互換性 </p> は Chrome と Safari では互換性がありません。他のブラウザでは正常に表示されます <br> <h2> ディスカッションへの返信 (解決策) </h2> <p class="sougouAnswer"> コードは次のとおりです <br> <! DOCTYPE html> <br> <html xmlns="http://www.w3.org/1999/xhtml"> <br> <meta http-equiv="Content-Type" content="text/html " charset ="utf-8"> <br> <style> <br> html、本文、iframe、h1、h2、h3、h4、h5、h6、p、ol、ul、dl、dd、入力、ボタン、選択、 textarea, th, td, form { マージン: 0; パディング: 0;} <br> ol,ul{ リストスタイル: なし;} <br> a{ テキスト装飾: なし;} <br> textarea{ サイズ変更: なし;} <br> a, a: active,a:focus{ アウトライン: なし;} <br> a:hover{ テキスト装飾: 下線;} <br> img{ ボーダー: なし;} <br> テーブル{ ボーダー折りたたみ: 折りたたみ: 0;} <br> .left_bar { 幅: 161px;} <br> .nav{ 高さ: 88px; パディング: 35px 0 35px 40px; フォント: narmal 12px/22px "Microsoft Yahei";} <br> .nav li{ 高さ: 22px;高さ: 22px;} <br> .nav li a{ カラー: #727171; 高さ: 22px; オーバーフロー: 非表示; カーソル: ポインタ;} <br> .nav li a spa{ 表示: ブロック;} <br> .nav li a i{ 表示: なし; フォント スタイル: 通常;} <br> .nav li a:hover{ 表示: ブロック; カーソル: ポインタ; フォント サイズ: 14px; <br> .nav li a: ホバー スパン{ ディスプレイ: なし; カーソル: ポインター;} <br> .nav li a:hover i{ ディスプレイ: ブロック; オーバーフロー: 非表示;} <br> .nav li .nav_hover{ ディスプレイ: ブロック; カーソル: フォント -サイズ : 14px;} <br> .nav li .nav_hover スパン{ 表示: なし; カーソル: ポインター;} <br> .nav li .nav_hover i{ 表示: ブロック; オーバーフロー: 非表示;} <br> .nav li .nav_hover:hover{ 表示:ブロック ; カーソル: ポインター;} <br> .nav li .nav_hover:hover スパン{ 表示: なし; カーソル: ポインター;} <br> .nav li .nav_hover:hover i{ 表示: ブロック: 非表示; } <br> </style> <br> <body> <br> <ul class="nav"> " #" class=""><span>会社概要</span><i>会社概要</i></a></li> <br> #" class="nav_hover">< ;span>マーケティング ケース</span><i>ケース共有</i></a></li> <br> "#" class=""> ;<span>サービスシステム</span>< ;i>サービス システム</i></a></li> <br> <class=""><span>お問い合わせ< ;/span><i>お問い合わせ</i>< ;/a></li> <br> </ul> <br> </body> <br> <br></p>