Firefox將無法加載我的CSS

Firefox不會加載我的網站的一部分，我在加載CSS時遇到了問題。 Chrome和IE瀏覽器都可以正常加載它們。Firefox將無法加載我的CSS

http://zionscape.net/landing/RuneScape%20Fanpage/index.html在Chrome中加載完美。

<!DOCTYPE html> 
<HEAD> 
     <BODY bgcolor="#000000"> 


     <title>Site - Home</title> 
     <link href="css/bootstrap.css" type="text/css" rel="stylesheet" /> 
     <link href="css/style.css" type="text/css" rel="stylesheet"/

來源

2013-10-21 user2902115

請不要鏈接到你的網站。閱讀此：http://meta.stackexchange.com/questions/125997/something-in-my-web-site-or-project-doesnt-work-can-i-just-paste-a-link-to-it –

@ user2902115，你忘記了和>處的「>」。 –

該網頁可能被緩存在Firefox中。嘗試按ctrl + shift + del清除瀏覽器緩存。檢查「緩存」並點擊「立即清除」。你也想把你的css文件放在<head>，而不是<body>。它看起來像：

<head> 
    <title>Site - Home</title> 
    <link href="css/bootstrap.css" type="text/css" rel="stylesheet" /> 
    <link href="css/style.css" type="text/css" rel="stylesheet"/
</head> 
<body bgcolor="#000000"> 
    ... 
</body>

來源

2013-10-21 18:32:10 Andrew

CSS的正確加載在Firefox，但在你的CSS錯誤未在Firefox中被渲染（但在IE/Chrome瀏覽器正在被渲染）。看看Firefox Web控制檯;它列出了bootstrap.css中沒有被渲染的行號。

要使用Web控制檯，請訪問：

工具 - > Web開發 - > Web控制檯

這些都是在Web控制檯所列的錯誤四：

[14:30:32.700] Expected declaration but found '*'. Skipped to next declaration. @ http://zionscape.net/landing/RuneScape%20Fanpage/css/bootstrap.css:3462 
[14:30:32.700] Expected end of value but found '\9 '. Error in parsing value for 'background-color'. Declaration dropped. @ http://zionscape.net/landing/RuneScape%20Fanpage/css/bootstrap.css:3467 
[14:30:32.700] Expected declaration but found '*'. Skipped to next declaration. @ http://zionscape.net/landing/RuneScape%20Fanpage/css/bootstrap.css:3472 
[14:30:32.700] Expected declaration but found '*'. Skipped to next declaration. @ http://zionscape.net/landing/RuneScape%20Fanpage/css/bootstrap.css:3473

末尾的數字是指語法錯誤的行號。例如，bootstrap.css:3473表示bootstrap.css的第3473行存在錯誤。

這裏是上述四個錯誤的CSS，以指出作爲註釋的問題：

.btn-inverse.disabled, 
.btn-inverse[disabled] { 
    color: #ffffff; 
    background-color: #222222; 
    *background-color: #151515; // Issue here is the * 
} 

.btn-inverse:active, 
.btn-inverse.active { 
    background-color: #080808 \9; // Issue here is the "/9" 
} 

button.btn, 
input[type="submit"].btn { 
    *padding-top: 3px; // Issue here is the * 
    *padding-bottom: 3px; // Issue here is the * 
}

來源

2013-10-21 18:35:32 JSW189

'* property'對IE來說是黑客攻擊，所以它們會在其他瀏覽器中被跳過。 –

[14：12：01.395]解析'background-image'的值時出錯。聲明下降了。 @ css/bootstrap.css：3410那個呢？ – user2902115

Firefox將無法加載我的CSS

回答

相關問題