按钮不会显示在浏览器中

Question

我有这个奇怪的问题，我无法接受问题在哪里！ 在特定的页面上，我刚添加了一些带有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");
}

这是编程模式

这是在调试/浏览器模式下

有人可以给我一个暗示吗？是否有任何错误导致按钮无法显示？

Answer 1

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

Answer 2

添加到您的css：

<强> CSS

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

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