按钮不显示在浏览器中答案

【问题标题】：Button does not display in browser按钮不显示在浏览器中
【发布时间】：2014-06-19 21:20:30
【问题描述】：

我有这个奇怪的问题，我无法找到问题所在！在特定页面上，我刚刚添加了一些带有 css 的按钮。在正常编程模式下我可以看到按钮，但在调试/浏览器模式下运行页面时按钮不可见。

<td style="border: solid; vertical-align: middle; text-align: center; width: 160px">
    <telerik:RadButton ID="RadButton11" runat="server" OnClick="Button11_Click" Width="100px" Height="40px" CssClass="reportN" HoveredCssClass="reportO" PressedCssClass="reportC">
    <Image EnableImageButton="true" />
    </telerik:RadButton>
</td>

.reportN {
    background: url('../pictures/reportN.png') center;
    width: 100px;
    height: 40px;
}

.reportO {
    background: url('../pictures/reportO.png') center;
    width: 100px;
    height: 40px;
}

.reportC {
    background: url('../pictures/reportC.png') center;
    width: 100px;
    height: 40px;
}

protected void Button11_Click(object sender, EventArgs e) {
    Response.Redirect("~/members/ReportMissMat.aspx");
}

这是在编程模式

这是在调试/浏览器模式

有人可以给我一个提示吗？是不是有什么问题导致按钮不显示？

【问题讨论】：

图片的路径是否正确？
@FeliceM：你能检查一下按钮的显示属性吗？是否可以在小提琴中给出一个运行示例
@Alek，是的。否则在编程模式下甚至不会显示。
你能提供页面链接还是在本地运行？
@Obsidion，现在我都是本地的。

标签： css asp.net button

【解决方案1】：

添加到您的 CSS：

CSS

.reportN {
    display:block;
}
.reportO {
    display:block;
}
.reportC {
    display:block;
}

按钮可能显示为：0px 高度和宽度。
发生这种情况是因为按钮没有内容。
背景图片不提供块级渲染。

【讨论】：

【解决方案2】：

您可能想尝试清除现金。大多数浏览器都是 ctrl+f5。

【讨论】：