如何为所有版本的ie添加margin-top样式

时间:2015-09-25 10:36:25

标签: html css internet-explorer

我想为IE的所有版本(版本6到最后一个)添加,但没有任何变化,我做了一件坏事?

更新:

<!--[if IE]> <style type="text/css">.iemargin {margin-top:30px;}<![endif]-->
<!--[if !IE]><style type="text/css">.iemargin {margin-top:30px;}<![endif]-->

1 个答案:

答案 0 :(得分:1)

支持条件注释only in IE9 and below,IE10,IE11或Edge不支持。如果你真的需要检测浏览器,你应该使用一些javascript库,如this(在关闭</body>标签之前在文件末尾添加此代码):

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-browser/0.0.8/jquery.browser.min.js">
<script>$('html').addClass($.browser.name);</script>
<style>.msie .iemargin {margin-top:30px;}</style>
  1. 包括jQuery。如果你已经拥有它,你可以跳过。
  2. 检测浏览器的库。
  3. 将带有浏览器名称的类添加到页面上的html元素。
  4. 使用类.msie仅将样式应用于Internet Explorer。
  5. 小提琴:http://jsfiddle.net/av5tw588/1/