4

CodeIgniter の Web サイトを Chrome で表示すると、コンソールに警告が表示される

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>

Chrome 拡張機能を使用して、style.css をリクエストしたときにヘッダーが送信されるのを監視したところ、次のような結果が得られました。

ここに画像の説明を入力

編集

これは、共有 Godaddy ホスト上の LAMP サーバー上にあります。上書きする htaccess には、次の書き換えルールのみが含まれています。

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

1 に答える 1

5

これは、css ファイル内の無効な相対パスが原因である可能性があります。

たとえば、html<img src="" />では、相対パスとして解析され、*current_page_url* として解決されるものを追加することで、同様のメッセージを再現できます。

于 2012-06-25T02:31:35.580 に答える