css - InternetExplorerでdiv全体を置き換える

Question

<div id="head">CSSで作成したロゴを配置した場所があります。唯一の問題は、InternetExplorerでは機能しないことです。そこで、Internet Explorerで開いた場合に、div全体を別のdivに置き換える方法があるかどうかを尋ねたいと思います。<div id="headIE">動作しないCSSを使用する代わりに、InternetExplorerでそのロゴの画像で開きたい。

ありがとうございました。

例、これはグーグルクロームで開かれます

<div id="head"><h1>Logo</h1></div>

ただし、Internet Explorerで開く場合は開きません<div id="head"><h1>Logo</h1></div>が、これは開きます。

<div id="headIE"><h1>Logo</h1></div>

score 1 · Accepted Answer

この方法でHTML要素IDを変更することは、ブラウザー間の互換性を高めるための非常にハッキーなアプローチです。代わりに、サポートしたいさまざまなブラウザで機能するCSSを作成してみてください。ヘッダー画像の問題の例がある場合、CSSの修正ははるかにクリーンです。

score 1 · Accepted Answer

次のような条件付きコメントを使用できます。

<!--[if IE]>
  <div id="headIE"><h1>Logo</h1></div>
<![endif]-->
<!--[if !IE]><!-->
  <div id="head"><h1>Logo</h1></div>
<!--<![endif]-->

しかし、すべてのブラウザで機能するCSSを作成しようとするとよいでしょう。

score 0 · Accepted Answer

IEに条件付きコメントを使用する

<!--[if IE]>
Special IE logo
<![endif]-->
<!--[if !IE]> -->
Normal logo
<!-- <![endif]-->

score 0 · Accepted Answer

IEやその他のブラウザで機能するソリューションを見つけることをお勧めします。css+テキストインデントの代わりにロゴの画像タグを追加するのはどうでしょうか。ただし、本当に必要な場合は、jQueryを介してIEをターゲットにし、IDを変更できます。元：

if($.browser.msie) {
  $('#head').attr('id','headIE');
}

score 0 · Accepted Answer

私はこのコードでそれを解決しました：

<div id="head">
    <!--[if IE]>
        <img src="hateIE.png" align="middle">
    <![endif]-->
    <!--[if !IE]><!-->
        <h1>Mira's</h1><br>
        <h2>Koding place</h2>
    <!--<![endif]-->
</div>

css - InternetExplorerでdiv全体を置き換える

5 に答える 5

Related

Reference