2012-06-25 2 views
4

으로 CSS 스타일 시트를 해석하고, 콘솔에 경고를 보여줍니다 내가가 예상하지만, 같은 페이지가 렌더링크롬은 크롬에서 볼 내 CodeIgniter의 웹 사이트에서 이미지

style.css interpreted as IMAGE but transferred with MIME type text/css

나는 마우스 오른쪽 버튼으로 클릭하고 검사 할 때 어떤 요소라도 '계산 된 스타일'은 공백으로 표시되어 디버깅을 어렵게 만듭니다.

나는 크롬 확장 프로그램을 사용하여 내 CSS 파일

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <title><?php echo $title; ?></title>   
     <link rel="icon" type="image/png" href="<?= base_url('assets/images/favicon.png'); ?>" />  
     <link rel="stylesheet" type="text/css" media="all" href="<?= base_url('assets/css/style.css');?>" /> 
     <link href='http://fonts.googleapis.com/css?family=Oswald:400,700|Open+Sans+Condensed:300,300italic,700' rel='stylesheet' type='text/css'> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>   
    </head> 

를 제공하고있어 어떻게 이것은, 내가있는 style.css를 요청할 때 헤더의가 전송되는 모니터링, 이것은 내가 무엇을 얻을 수 있습니다 :

enter image description here

편집

이 공유 GoDaddy와 호스트의 LAMP 서버에 있습니다. 우선 적용되는 htaccess에는 다음 다시 쓰기 규칙 만 포함됩니다.

RewriteEngine On 
RewriteCond %{REQUEST_FILENAME} !-f 
RewriteCond %{REQUEST_FILENAME} !-d 
RewriteBase/
RewriteRule ^(.*)$ /index.php?$1 [L] 
+0

그냥 크롬입니까? 또는 모든 브라우저에서 발생합니까? –

+0

파이어 폭스 (파이어 버그 포함)는 요소를 검사 할 때 스타일을 정상적으로 계산할 수 있습니다. Firebug가 설치된 Chrome에서도 문제가 없습니다. 문제가있는 것으로 보이는 Chrome 네이티브 인스펙터 만 있습니다. – xbonez

+0

.htaccess에 이것을 추가해보십시오. 'AddType text/css .css' –

답변

5

이것은 주로 CSS 파일 내부의 잘못된 상대 경로로 인해 발생합니다. 하라는 "...하지만 MIME 타입 text/html과 함께 전송"오류 - HTML 비슷한 메시지에서 예를 를 들어

는 상대 경로로 해석하고 * current_page_url *으로 해결 될 것입니다 <img src="" />을 추가하여 재현 할 수 .

+0

나는 CSS 파일 (주로'background-image's)에서 경로를 사용하고있는 모든 단일 인스턴스를 주석 처리했지만 여전히 동일한 문제를 주석으로 처리했습니다. – xbonez

+0

@xbonez : 좀 더 조사를 해본 결과 [이 답변들] (http://stackoverflow.com/q/658238/1081234)이 내 의혹을 확인했습니다. jsfiddle에서 문제를 재현 할 수 있습니까? 그렇다면 코드를 공유 할 수 있습니까? –

+1

이것은 내 시끄러운 소리를 고쳤다. – Bosworth99

관련 문제