2010-03-28 71 views
2

我看不出爲什麼這不應該在所有的瀏覽器,這是我的錨標記的CSS:奇怪IE7的行爲(或沒有)

.myButton{ 
background:none repeat scroll 0 0 #FFFFFF; 
border:1px solid #D8DFEA !important; 
color:#3B5998; 
cursor:pointer; 
font-size:20px; 
padding:10px; 
} 

這裏是如何看起來在IE7:

alt text http://i43.tinypic.com/2a5lnkn.png

這裏是如何看起來在其他瀏覽器:

alt text http://i39.tinypic.com/2pq3sw4.gif

HTML是什麼不尋常的,以及:

<a href="#" class="myButton">Beta</a> 

所有這一切都在表格內,這種定位的HTML被纏有:

<tr> 
    <td><a>...</a></td> 
<tr> 

我不認爲這有什麼關係嗎它但我提到它以防萬一,所以按鈕缺少邊界頂部,任何跡象可能會導致這種情況?

+0

嘗試給它一個顯示:塊 – pixeltocode 2010-03-28 01:53:56

回答

0

如果平時zoom:1;不工作嘗試float:left;display: inline-block;vertical-align: top;,但第一件事ID做的是服務IE7 margin-top:1pxposition:relative;
你可能只需要觸發魔術HASLAYOUT。

作爲一種替代方案,您可以改爲設計TD。

+0

顯示:內聯塊做了伎倆 – ant 2010-03-28 13:17:52