奇怪的IE7行为(或不)

时间:2010-03-28 01:27:41

标签: html css

我认为没有理由说这不适用于所有浏览器,这是我的锚标记css:

.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>

我认为这不能用任何东西做,但我提到它以防万一,所以按钮缺少边框顶部,任何迹象可能导致这个?

1 个答案:

答案 0 :(得分:0)

如果通常的zoom:1;无效,请尝试float:left;display: inline-block;vertical-align: top;,但我们做的第一件事就是提供IE7 margin-top:1pxposition:relative;
你可能只需要触发神奇的HASLAYOUT。

作为替代方案,您可以为TD设置样式。