2

私はhtmlがプログラミング言語ではないことを知っていますが、ブラウザに応じて書き込みコードを変更する方法はありますか?

<!--[if IE]>
   <section class="card-container">
    <div id="so1" class="card over"  data-direction="right">        
      <div class="front" >
         <h1></h1><br/><br/><br/>
            <h2>ie
            </h2>
            <h3></h3>
      </div>         
      <div class="back" style="background-color:#99ca3c;">
          <img src="images/fanc1.jpg" width ="100%;" height ="100%;" alt="">                    
      </div>         
    </div>
   </section>
<![endif]-->

ない場合

   <section class="card-container">
    <div id="so1" class="card over"  data-direction="right">        
      <div class="front" >
    <img src="images/fanc1.jpg" width ="100%;" height ="100%;" alt="">
      </div>         
      <div class="back" style="background-color:#99ca3c;">
            <h1></h1><br/><br/><br/>
            <h2>not ie
            </h2>
            <h3></h3>               
      </div>         
    </div>
   </section>

それとも、php を使用して特定の html コードをエコーする唯一の方法ですか?

ご覧のとおり、ブラウザに応じて前面または背面の内側を切り替えるだけで済みます

4

3 に答える 3

3

誰かがまだこのページにたどり着き、ターゲティングが機能しない理由を疑問に思っている場合の更新。IE 10 以降では、条件付きコメントがサポートされなくなりました。MS公式サイトより：

相互運用性と HTML5 への準拠を改善するために、条件付きコメントのサポートが Internet Explorer 10 の標準モードと互換モードで削除されました。

詳細については、http: //msdn.microsoft.com/en-us/library/ie/hh801214 (v=vs.85).aspx を参照してください。

どうしても ie をターゲットにする必要がある場合は、この jquery コードを使用して ie クラスを追加し、css で .ie クラスを使用して ie ブラウザーをターゲットにすることができます。

if ($.browser.msie) {
 $("html").addClass("ie");
}
于 2014-03-10T00:50:18.707 に答える
3 
<!--[if !IE]-->
  <section class="card-container">
    <div id="so1" class="card over"  data-direction="right">        
      <div class="front" >
    <img src="images/fanc1.jpg" width ="100%;" height ="100%;" alt="">
      </div>         
      <div class="back" style="background-color:#99ca3c;">
            <h1></h1><br/><br/><br/>
            <h2>not ie
            </h2>
            <h3></h3>               
      </div>         
    </div>
   </section>
<!--[endif]-->
于 2013-04-30T22:43:31.183 に答える