Question

Firefox不会加载我网站的一部分，我在加载CSS时遇到问题。 Chrome和IE都可以加载它们。

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" /

Answer 1

该网页可能已缓存在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>

Answer 2

CSS在Firefox中正确加载，但是你的CSS中有些错误没有在Firefox中呈现（但是在IE / Chrome中呈现）。看一下Firefox Web Console;它列出了bootstrap.css中没有渲染的行号。

要使用Web控制台，请转到：

工具 - ＆gt; Web开发人员 - ＆gt; 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 *
}

Firefox不会加载我的CSS

2 个答案: