Question

我有以下html在IE8中正确显示。下面是grey_btn_75的html和css。知道为什么会这样吗？

<div style="float: left; width: 70px; margin-right: 25px; padding-top: 60px;
            margin-left: 25px">

<asp:Button ID="btnAddAll" runat="server" Text="Add All" 
            OnClick="btnAddAll_Click"
            CssClass="grey_btn_75" />

<div class="spacer"></div>

<asp:Button ID="btnAdd" runat="server" Text="Add"
            OnClick="btnAdd_Click" 
            CssClass="grey_btn_75" />

<div class="spacer"></div>

<asp:Button ID="btnRemove" runat="server" Text="Remove" 
            OnClick="btnRemove_Click"
            CssClass="grey_btn_75" />

<div class="spacer"></div>

<asp:Button ID="btnRemoveAll" runat="server" Text="Remove All" 
            CssClass="grey_btn_75"
            OnClick="btnRemoveAll_Click" /><br />

</div>

CSS：

.grey_btn_75
{
background: url(../images/grey-75px.png);
background-repeat: no-repeat;
border-style: none;
font-family: Arial,Helvetica,Sans-Serif;
font-size: 12px;
font-weight: bold;
width: 75px;
height: 23px;
color: #000000;
cursor: pointer;
}

到目前为止我尝试过的事情：

我删除了CssClass，按钮仍未显示。我修改了CssClass，按钮仍然没有显示出来。我把其他控件，如asp：Label和asp：ImageButton，它们显示得很好。我尝试了一个新的按钮，它没有显示出来。

Answer 1

您的div宽度为70px，按钮为75px。你需要清理它。

Answer 2

问题在于风格。尝试将它们注释掉，看看哪一个（或组合）负责按钮消失。不要忘记顶级DIV的内联样式。

这是按钮样式的一个很好的指南：

http://particletree.com/features/rediscovering-the-button-element/

人们推荐

宽度：汽车; 溢出：可见;

专门针对IE

Answer 3

我认为这是你在CSS中设置的颜色值。我之前遇到了同样的问题，我所做的是将颜色值更改为其他内容。

asp：按钮在IE7中消失，但保留在IE8中。为什么？

3 个答案: