Css在Chrome/Firefox中不能正常工作（渲染），但在IE10/Edge中工作

-1

看起来好像我遇到了一个我无法解决的问题。我的问题是，无论是铬或mozilla无法呈现CSS，由于一些奇怪的原因，它可以在IE10和Edge等浏览器中使用。我搜索了一段时间，但并没有变得更聪明。我对前端场景相当陌生，所以我有点无知。Css在Chrome/Firefox中不能正常工作（渲染），但在IE10/Edge中工作

我已经做了一些前端的东西，它工作得很好。但由于一些奇怪的原因，现在它不会起作用。我能想到的唯一很大的区别是我开始使用Visual Studio代码而不是Sublimetext。

以下是代码。我也尝试将CSS文件放在与index.html文件相同的地图中，但没有任何进展。

该CSS是一个扩展文件。这里是我的方向如何形象 - http://imgur.com/Z5eV78Y

编辑︰添加我的问题！并修正了文字。编辑2：由于某些原因，代码在运行时会起作用。但它不会在我的浏览器或我的朋友浏览器（不同的计算机）工作

body { 
 
\t background-color: #fff5ee; 
 
} 
 

 
li { 
 
\t text-decoration: none; 
 
\t color: #ff6347; 
 
\t list-style-type: none; 
 
}

<!DOCTYPE html> 
 
<html> 
 
\t <head> 
 
\t \t <meta charset="UTF-8"/> 
 
\t \t <link rel="stylesheet" type="text/css" href="assets/css/main.css"/> 
 
\t </head> 
 
\t <body> 
 
\t \t <!-- Headers starts --> 
 
\t \t <div id="header"> 
 
\t \t \t <ul id="navbar"> 
 
\t \t \t \t <li>Home</li> 
 
\t \t \t \t <li>About</li> 
 
\t \t \t \t <li>Contact</li> 
 
\t \t \t </ul> 
 
\t \t </div> 
 
\t </body> 
 
</html>

来源

2015-11-23 Laaben

'看起来我有一个问题，我无法解决这是什么？请解释实际的问题，也许创建一个小提琴，所以我们可以看到你的代码在行动 –

我你按CTRL + SHIFT + J在铬中是否有任何错误？ Chrome中的代码适合我。 –

@DarrenSweeney感谢提示，我更新了文本。我的问题是我的代码不是渲染（不知道我是否使用右边的术语））chrome或mozilla中的CSS，而是在IE/edge中执行它，并且在运行它时也在这里（运行代码片断按钮）。 – Laaben

此修复程序是删除当前的index.html文件，并从头开始一个新的。不知道它是如何解决它，但它现在起作用。

来源

2015-11-23 11:14:09 Laaben

也许我正在读你的imgur错误，但它看起来像我在资产目录中有你的index.html，当它可能应该在父目录中。也许IE/Edge只是缓存了它？ –

@DougMcLean对不起，这张照片有点乱。索引文件不在资产目录中:) – Laaben

Css在Chrome/Firefox中不能正常工作（渲染），但在IE10/Edge中工作

回答

相关问题