条件语句，如果IE

Question

我知道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]--> 

IF NOT即

<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和echo特定的html代码的唯一方法？

正如你看到的，我只需要切换哪些是依赖于浏览器

Answer 1

如果有人仍然达到这个页面，不知道为什么，即针对不工作的最新情况。 IE 10及以后不再支持有条件的评论。从MS官方网站：

有条件的意见

支持已在Internet Explorer中被删除 10标准和怪癖改进互操作性和 符合HTML5模式。

请在这里看到更多的细节：http://msdn.microsoft.com/en-us/library/ie/hh801214(v=vs.85).aspx

如果你迫切需要的目标，即，您可以使用此jQuery代码到即添加类，然后使用.IE类在你的CSS的目标，即浏览器。

if ($.browser.msie) { 
$("html").addClass("ie"); 
} 

Answer 2

<!--[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]-->