我知道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代码的唯一方法?
如您所见,我只需要根据浏览器切换前面或后面的内容
答案 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]>