2

ユーザーの90％がIEで閲覧している会社のWebサイトのコードを完成させています。私の条件文は、IE7を除くすべてのブラウザーで機能しました。IEブラウジング専用に作成した別のスタイルシートをIEが無視している理由がわかりません。以下の私のコードを確認してください。

また、このコードはここにあります：

<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" charset="utf-8" />

...IE7-9の互換モードを削除できます。 

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=EDGE" charset="utf-8" />
<tile>Company Site</title>
<link rel="stylesheet" href="css/style.css" media="screen" />
<!--[if IE]><link rel="stylesheet" href="css/ie.css"><![endif]-->
<!--[if IE 8]><link rel="stylesheet" href="css/ie8.css"><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="css/ie7.css"><![endif]-->
</head>

その後、私のコードの残りの部分は問題なく機能し、検証されているように見えます。IE7が無視されているようです。

よろしくお願いします！

4

4 に答える 4

1

ヘッダーX-UA-Compatibleは冗長です。その内容はIE=edge、多かれ少なかれ、ただである必要があります。

スタイルシートに関しては、コメントが処理されているかどうかをテストするには、次のように表示されるものを追加するだけ<script>alert("Hello!");</script>です（にいるので、<head>プレーンテキストをそこに入れることはできません）。

これを行ってアラートが表示された場合は、CSSファイルに問題がある可能性があります。404であるか、（CrazyVipaが提案したように）特異性の問題があります。上記のテストで結論が出ない場合は、さらに診断するためにさらに情報が必要になります。

于 2012-07-16T16:48:50.787 に答える
0

ニーナ、

ログをチェックして、ローカルにダウンロードされているかどうかを確認する必要があります。CSSが適用されていないように見えるかもしれませんが、CSSルールが上書きされている可能性があります。

たとえば、標準のCSSファイルに次のものがある場合：

#content-custom a {
color:#fff;
}

そしてあなたのCSS条件は以下を持っています：

.custom a {
color:#000;
}

フォントは#fffで表示されます。条件文に関連する実際のバグを聞いたり見たりしたことはありません。私が気付いた唯一の問題はヒューマンエラーです。（ミスタイプ、パーミッション、ローカル環境など）私の仮定はCSSファイルが上書きされていることです。CSSを無効にしますか？無効なリンク？

申し訳ありませんが、おそらくそれはあなたの側のタイプミスです。

于 2012-07-16T16:45:19.193 に答える
0

なぜファイルを呼び出さないのかわかりませんが、おそらくファイルが置き忘れられているか何かです。今のところIEの行を取り出して、IE7ファイルをテストするだけです。

于 2012-07-16T19:27:59.910 に答える
0

相対リンクではなく、スタイルシートに絶対リンクを使用する必要があったようです。したがって、次のようなものを使用します。

<link rel="stylesheet" href="http://mywebsite.com/css/style.css">

それ以外の

<link rel="stylesheet" href="css/style.css">

すべてのご協力に感謝しますが、それは常にIEの小さなことです。

記録のために、皆さんからの素晴らしいヒントのおかげで、ヘッダーの外観を変更したことも確認しました。現在のヘッダーの最終例は次のとおりです。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EDGE" charset="utf-8" />
<title>My Site</title>
<link rel="stylesheet" href="css/style.css" media="screen">
<!--[if gte IE 8]><link rel="stylesheet" href="css/ie.css"><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="http://mysite.com/css/ie7.css"><![endif]-->
</head>
于 2012-07-16T19:58:09.593 に答える