2012-10-08 55 views
1

真的很簡單的問題。如何檢查IE的內聯css

我有一個搜索框的功能,在所有的瀏覽器中,按鈕的位置有點低,所以我在底部添加了5px。然而,IE瀏覽器然後5px太高。所以我看到並嘗試了以下內容。 <![if !IE]>bottom:5px;<![endif]>

這顯然不工作。我想/想在「內聯CSS」中這樣做

這可能嗎?

+0

是否可以做到這一點通過使用PHP,在PHP更好。 –

+0

爲什麼你想要使用內聯的CSS? – SpaceBeers

+0

是一個相當小的變化,總項目上有大量的CSS。我真的很容易解決。 –

回答

2

如果您不想運行IE樣式表,那麼您可以在<head>標記中使用條件註釋來添加樣式。

<!--[if IE]> 
     <style> 
      .your_class { 
       bottom: 5px; 
      } 
     </style> 
    <![endif]--> 
</head> 

我會自己運行一個IE樣式表,但如果你不想要,那麼你可以這樣做。

有閱讀了關於條件註釋 - http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

-1
#searchbar { 
position: relative; 
bottom:5px; 
^bottom:5px; 
_bottom:5px; 
float: left; 
} 

這將爲以上6即所有版本都只是把這個 - ^底:5px的; - 在此之上 - _bottom:5px; - ....這會做到這一點。