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

귀하의 사이트에 링크하지 마십시오 :

여기에 주석으로 지적 된 문제로, 위의 네 가지 오류의 CSS입니다. 읽기 : 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을 눌러 브라우저 캐시를 지워보십시오. '캐시'를 선택하고 '지금 삭제'를 클릭하십시오. 또한 <body>이 아닌 <head>에 CSS 파일을 넣으려고합니다. CSS는 파이어 폭스에서 제대로로드

<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

하지만, 파이어 폭스에서 렌더링되지 않습니다 (하지만 IE/크롬에서 렌더링되는) 당신의 CSS 버그이 있습니다 것처럼 보일 것이다. Firefox 웹 콘솔을 살펴보십시오. bootstrap.css에서 렌더링되지 않는 행 번호를 나열합니다.

웹 콘솔을 사용하려면, 이동 :

도구 -> 웹 개발자 -> 웹 콘솔

이 웹 콘솔에 나와있는 오류의 네 가지이다 :

[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 행에 오류가 있음을 의미합니다.

.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를로드하지 않습니다.

답변

관련 문제