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 定位不起作用。IE 10 及更高版本不再支持条件注释。来自微软官方网站：

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

请在此处查看更多详细信息：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 回答
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]>
于 2013-09-30T10:47:55.200 回答