如果是IE,则对HTML进行条件声明

时间:2013-04-30 22:41:58

标签: html internet-explorer conditional

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

如您所见,我只需要根据浏览器切换前面或后面的内容

3 个答案:

答案 0 :(得分: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]-->

答案 1 :(得分:3)

如果有人仍然到达此页面,则会更新,想知道为什么ie定位不起作用。 IE 10及以后版本不再支持条件评论。来自MS官方网站:

  

Internet Explorer中已删除对条件注释的支持   提高互操作性的10种标准和怪癖模式   符合HTML5。

请点击此处了解详情:http://msdn.microsoft.com/en-us/library/ie/hh801214(v=vs.85).aspx

如果您迫切需要定位ie,您可以使用此jquery代码添加ie类,然后在您的css中使用.ie类来定位即浏览器。

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

答案 2 :(得分:2)

目前接受的答案对我不起作用。在

<!--[if !IE]-->
在IE8页面上可以看到

语句。我在这里找到了答案:How do I make an "else" in an IE HTML conditional?

<![if !IE]>
   <section class="card-container">
     Not IE
   </section>
<![endif]>