1

html+CSS を使用してナビゲーション バーを作成しました。HTML と CSS を「ドキュメント」フォルダに配置するとすべて正常に機能しますが、「ネットワーク」フォルダに配置すると機能しません。IE9 で開くと、CSS スタイルが見つかりません。クロムで大丈夫です。誰も理由を知っていますか？

HTMLは

<!DOCTYPE html>
<html lang="en">
  <head>
  <meta charset="utf-8">  
        <title>Projects</title>  
        <link type="text/css" rel="stylesheet"  href="Index.css"/>

  </head>

  <body> 

    <!-- Navigation Bar --> 
        <nav id="topNav">  
                <ul>  
                    <li><a href="index.html" title="A">A</a></li>  
                <li>  
                    <a href="Projects-Main.html" title="Projects">Projects</a>
                    <ul>    
                        <li><a href="Projects-A.html" title="A">A</a></li>  
                        <li><a href="Projects-B.html" title="B">B</a></li>  
                        <li><a href="Projects-C.html" title="C">C</a></li>  
                        <li><a href="Projects-D.html" title="D">D</a></li> 
                        <li><a href="Projects-E.html" title="E">E</a></li> 
                        <li><a href="Projects-F.html" title="F">F</a></li> 
                        <li><a href="Projects-G.html" title="G">G</a></li> 
                        <li class="last"><a href="Projects-H" title="H">H</a></li>  
                    </ul>                  
                </li> 
                <li><a href="Services.html" title="Nav Link 1">Sevices</a> 
                    <ul>    
                        <li><a href="Services.html" title="AA">AA</a></li>  
                        <li><a href="Services.html" title="BB">BB</a></li>  
                    </ul>
                </li>
                <li><a href="#" title="Nav Link 1">Contacts</a></li>  

        </nav> 
    <!-------------------------------------------------------------------------------------------->

     </body>
</html>

CSS は次のとおりです。

h1 { font-family: Georgia, "Times New Roman", Times, serif; 
     font-size: 120%;
     font-style: italic;
     text-decoration:underline;}


 /*---------------------------------------------------------------*/
    /*Navigation Bar*/

nav { 
    display:block; 
    font:16px arie, Sans-serif ;
    border-top:2px solid ; 
    border-bottom:2px solid; 
    border-color:#F2F2F2;
    width:400px;
    float:right;
    margin: 35px 30px 0px 0px;
    z-index:10;}  
 nav ul {padding:0; margin:0; }

 nav li {position:relative; float:right; list-style-type:none; }
 nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

 nav li a { display:block; padding:8px 20px; ; color:#8E8E8E; text-decoration:none;}
 nav li a:focus { outline:none; text-decoration:underline; }  

 nav ul ul { display:none; width:100%; position:absolute; right:0; background:#F2F2F2; text-align: right}


 nav ul ul li { float:none; border:solid #FFF 1px;  }
 nav ul ul a { padding:5px 10px;font-size:16px; } 
 nav ul ul a:hover { background-color:#555; }
4

2 に答える 2

-1

css 参照にスラッシュを追加してみてください。

   <link type="text/css" rel="stylesheet"  href="/Index.css"/>
于 2013-10-27T10:21:33.327 に答える