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

0

我还不能发表评论，所以我需要为此做出一个完整的答案......
您是否尝试过绝对确定“index.css”与您的其他文件存在于同一文件夹中？我试过了，它在所有浏览器中都能正常工作。您是否仔细检查过它确实是一个 .css 文件，并且名称是否正确？

于 2013-10-27T10:26:29.367 回答
-1

尝试在 css 参考中添加斜杠：

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