CSS不能在IE或Firefox中工作 - Chrome可以正常工作

Question

http://144.76.221.141:8000 的網頁在Chrome和Safari中顯示正確的CSS樣式，但拒絕在Firefox或Chrome中顯示。我已經看到添加一個文檔類型是一個常見的解決方法，但是這對我的問題沒有任何幫助。任何指向解決方案的指針都將不勝感激。

Answer 1

的type在樣式表需要像下面這樣：

<link type="text/css" href="/css/parent.css" rel="stylesheet"> 
<link type="text/css" href="/css/landing-page.css" rel="stylesheet"> 
<link type="text/css" href="/css/dropit.css" rel="stylesheet"> 

在開始時取出/。

Answer 2

您可以通過將其添加到樣式表中來編寫僅限IE的CSS。

<!--[if IE 8]> 
<style>...</style> 
<![endif]--> 

有關進一步的參考，您可以訪問http://www.quirksmode.org/css/condcom.html

Answer 3

在樣式表中聲明的類型刪除斜槓：

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

到

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

Answer 4

對於這個聲明，鏈接您的CSS

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

您需要刪除type="/text/css"多餘的斜線/應該

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