ホームページ >ウェブフロントエンド >htmlチュートリアル >IE9 では、style.css ファイルに配置された CSS コードが機能しません_html/css_WEB-ITnose
.test li a {font:bold 24px 宋体;}
このスタイルの行を html に置くと問題ありませんが、style.css に置くと IE9 では動作しません。 FF chromeなど他のブラウザでもご利用いただけます。
コードは次のとおりです:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>test</title><LINK href="style.css" rel="stylesheet" type="text/css"><style type="text/css">.test li a {font:bold 24px 宋体;}</style></head><body> <ul class="test"> <li><a href="#">测试</a></li> </ul></body></html>
style.css のスタイルが機能しないのですか、それともこの文だけですか?
この CSS ファイルを IE9 で開いてエンコードの問題を確認してください (Song Ti を全文字フォントに変更するか、テストできます)
F12 を押して開発ツールを開き、特定の要素 (. li a) をテストすると、右側の列に CSS スタイルの読み込みが表示されます。何か見つかるかどうかを確認してください
<link charset="utf-8" href="style.css" rel="stylesheet" type="text/css" />
ブラウザに互換性がない可能性があります。フォントの略称は使用できません。 font-size:24px;font-family:"宋体";font-weight:bold;
<link charset="utf-8" href="style.css" rel="stylesheet" type="text/css" />
<link charset="utf-8" href="style.css" rel="stylesheet" type="text/css" />
<link charset="utf-8" href="style.css" rel="stylesheet" type="text/css" />
<link charset="utf-8" href="style.css" rel="stylesheet" type="text/css" />
<link charset="utf-8" href="style.css" rel="stylesheet" type="text/css" />
<link charset="utf-8" href="style.css" rel="stylesheet" type="text/css" />
Doctype の問題ですが、適切な解決策が見つかりませんでした。解決しましたか?
IE ブラウザには CSS に関する制限がある可能性があります:
http://www.guoxiaoming.com/archives/736