CSS从网络驱动器（html和css都在同一个驱动器中）无法正常工作

我已经使用html + CSS创建导航栏。当我将HTML和CSS放入“文档”文件夹时，一切正常，但当它放置在“网络”文件夹中时，它不起作用。通过IE9打开时找不到CSS样式。在铬上没问题。有谁知道原因？CSS从网络驱动器（html和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; }

来源

2013-10-27 user2924806

-1

尝试增加在CSS参考斜线：

<link type="text/css" rel="stylesheet" href="/Index.css"/>

来源

2013-10-27 10:21:33

对不起，但这是错误的。一个以斜线开始的相对网址或者一个带有斜线的serverabsolute路径。请参阅rfc的第4.2节：http://www.ietf.org/rfc/rfc3986.txt –

我不能评论，所以我需要为此做出完整的答案...
您是否尝试过让绝对确信那个“index.css”与你的其他文件存在于同一个文件夹中？我试过了，它适用于所有浏览器。你是否检查过它确实是.css文件，名称是否正确？

来源

2013-10-27 10:26:29 Max

CSS从网络驱动器（html和css都在同一个驱动器中）无法正常工作

回答

相关问题