【问题标题】:asp:button disappears in IE7, but stays in IE8. Why?asp:button 在 IE7 中消失,但在 IE8 中保留。为什么?
【发布时间】:2010-11-22 19:12:51
【问题描述】:

我有以下在 IE8 中正确显示的 html。下面是 gray_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,它们显示得很好。 我尝试放置一个新按钮,但它没有显示出来。

【问题讨论】:

  • 究竟是哪个按钮消失了?
  • 根本看不到或者图片不显示?
  • 它根本不可见,所有 4 个按钮都没有显示。
  • 您已经列出了 gray_btn_75 类的定义,但是您是否使用了工具(IE 开发人员工具应该这样做)来确定由于其他 CSS 应用到按钮的所有样式这可能会以某种方式发挥作用?

标签: asp.net css internet-explorer-8 internet-explorer-7 cross-browser


【解决方案1】:

你的 div 宽度是 70px,你的按钮是 75px。你需要清理它。

【讨论】:

  • 哦,对不起,你是对的。边距与它无关(我误认为它们在按钮上)。
  • 实际上看起来边距确实与它有关。在 IE7 中,边缘似乎隐藏了列表框后面的按钮。一旦我删除了一个,部分按钮就决定显示出来。
【解决方案2】:

问题在于样式。尝试将它们注释掉,看看哪个(或组合)导致按钮消失。 不要忘记顶部 DIV 的内联样式。

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

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

人们推荐

宽度:自动; 溢出:可见;

专门用于 IE

【讨论】:

  • 如果您有 IE 版本的样式表,您可能需要添加 overflow:visible;那里
【解决方案3】:

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

【讨论】:

  • 我这样做了,但还是不行。我什至删除了整个 CSS 类,但它不起作用。
猜你喜欢
  • 2011-01-11
  • 2012-05-19
  • 1970-01-01
  • 2012-01-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-10-28
  • 2016-08-18
相关资源
最近更新 更多