ASP.Net按钮不会渲染背景图像

Question

我已经在这个主题和asp.net论坛上检查了大多数链接的问题，我被困住了。我的.aspx页面中有以下内容：

<asp:button ID="btnAdmin" runat="server" Width="70px" Height="30px"
     Text="Admin" 
     ToolTip="Facilities for administrators" 
     CssClass="buttonStyleAdmin">
</asp:button>

我的.css文件中有以下内容：

.buttonStyleAdmin
{
background-color: transparent;
background-image: url('imgBlue-button-base.png');
font-size: 1.0em;
cursor: pointer;
}

我理解url语法应该相对于CSS文件的位置。在使用指向web的images目录的url的一些试验之后，我放弃并将上面的.png文件复制到web的根目录;也就是说，它与.css文件本身相邻。

我在Firefox中使用了Google开发人员工具和Firebug，匹配的CSS规则似乎是正确的。也就是说，我可以将鼠标悬停在工具的某个部分上，并且URL会解析，以便显示图像本身。

以下是呈现页面的Firebug视图：

如果我可以使用.png文件和网站根目录中的.css文件来解决这个问题，那么我想更改对图像文件夹的引用，其中收集了所有其他图像，但是如果这两个文件都在网络的根目录中失败了，我显然需要一些关于可能出错的建议。 我在运行.Net Framework 3.5（Windows Server 2003）的Web服务器上使用Visual Studio 2008。

Answer 1

尝试放

display: block;
background-position: 0px 0px;

进入.buttonStyleAdmin。

我将你的代码/ css放到一个空白的项目中，并且它与占位符图像一起工作得很好。

如果没有，如果你有adblock尝试关闭它。如果您已经尝试过上述内容，但您没有说明您已经尝试过的其他案例/ ASP论坛，请道歉。

Answer 2

以下是我提出的有效方法：

<asp:button id="btnAdmin" runat="server" 
    Text="Admin"
    ToolTip="Facilities for administrators"
    CssClass="coolbutton">
</asp:button>

CSS：

.coolbutton
{
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
background-image: url(images/imgBlue-button-base.jpg);
background-position: center;
color: White; 
cursor:pointer;
}
.coolbutton:hover 
{
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
background-image: url(images/imgBlue-button-baseOn.jpg);
background-position: center;
color: Black; 
cursor:pointer;
}