0

Google Chrome で正常に動作するように見える tumblr に基づいて Web サイトを作成していますが、ページの右側に割り当てた広告ボックスに問題があります。私はグーグルを検索し、この関連する質問を見つけましたが、与えられた答えは私にとってはうまくいきません.

私は以下を試しました。
適切な if ステートメントを使用して html class="ie9" タグを追加するだけです。

キャッシュをクリアしています。
そして、ブラウザモードを確認します。

ページの 1 つの要素にすぎないようです。右側が正しく表示されませんが、IE 9 でカスタマイズをいじったところ、正確なマージン要件がありました。ただし、スタイルシートをリンクできないようです。これは、この方法で静的ファイルをリンクしているためですか?

<!--[if IE 9]>
    <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/texnbv5/j70mi1pbq/ie9.css" />

これは、ホストされているドメインではなく別のドメインからこのスタイシートをリンクしているという事実と関係がありますか?

とにかく、調整が必要な行を選択することはできますか? サイトの css 部分に if ステートメントを配置することはできますか?

<!--[if IE 9]<style>#Content-right{margin:-1000}</style>
<![endif]-->
4

3 に答える 3

1

コメント タグを閉じていないため、機能していません。これは、クロスドメイン css ファイルの取得とは何の関係もなく、完全に合法です。

<!--[if IE 9]>
    <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/texnbv5/j70mi1pbq/ie9.css" />

する必要があります<!-- [if IE 9] -->

また...このIFに作用するエンジンは何ですか？

于 2013-02-11T08:43:02.190 に答える
0

このトピックに関する非常に興味深い記事があります。CSS ファイル全体を作成することなく、ブラウザー固有の CSS を分離する必要性/要望に対応します。アプローチには多くの利点もあります。私は自分自身のニーズのために何年もそれを利用してきましたが、最近までそのような分析が技術で行われたことを知りませんでした.

リンクは次のとおりです: Conditional Stylesheets vs. CSS Hacks

その他の注意事項:

CSS では、スタイルシートの配置が非常に重要です。他の呼び出しを確認できず、別のスタイルシートを使用しているため、標準スタイルシートの下に条件文を配置することが重要です。

例

<link rel="stylesheet" href="path/to/standard.css" />
<!--[if IE 9]-->
    <link rel="stylesheet" href="http://path/to/ie9.css" />
<!--[endif]-->

これは、競合が発生した場合、CSS は最後に読み込まれたスタイルを使用するためです。よくある間違いであるため、結果に影響を与える可能性があるため、これについてのみ言及します.

于 2013-02-11T08:47:10.340 に答える