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中工作

回答

相關問題