2015-09-25 21 views
0

我想添加所有版本的IE(僅版本6到最後一個),但沒有任何更改,我做了一件壞事?如何僅爲所有版本添加margin-top樣式即ie

更新:

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

請你能看到這個頁面: [第一頁] [1] [第2頁] [2] [1] :http://stackoverflow.com/questions/14611264/x-ua-compatible-content-ie-9-ie-8-ie-7-ie-edge [2]:http://stackoverflow.com/題s/4275356/ie兼容性模式x的ua兼容標籤邊 –

回答

1

條件註釋支持only in IE9 and below和IE10,IE11或邊緣不支持。如果你真的需要檢測瀏覽器,你應該使用一些像this JavaScript庫(在文件的結尾結束</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元素。使用.msie類將樣式僅應用於Internet Explorer。

小提琴:http://jsfiddle.net/av5tw588/1/

+0

所以如果我想爲我的div的所有版本ie的ie我不能直接在我的html頁面上,我需要創建一個CSS文件? –

+0

不,你可以把它放到你的頁面中,但IE的10+版本會忽略你的條件註釋而不應用樣式。 –

+0

啊,這是不好的,所以有任何解決方案,以所有版本的風格CSS? –

相關問題