0

我已经检查了关于这个主题的大多数链接问题，也在 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 文件的位置相关。尝试了一些url指向web的images目录后，我放弃了，将上面的.png文件复制到web的根目录下；也就是说，它与 .css 文件本身相邻。

我在 Firefox 中使用过 Google 开发者工具和 Firebug，匹配的 CSS 规则似乎是正确的。也就是说，我可以将鼠标悬停在该工具的部分上，然后 URL 会解析以显示图像本身。 GoogleChromeDeveloperTool-view

这是渲染页面的 Firebug 视图： 在此处输入图像描述

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

4

2 回答 2

1

试着放

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

进入.buttonStyleAdmin。

我将您的代码/css 放入一个空白项目中，它与占位符图像配合得很好。

做不到这一点，如果你有 adblock 尝试关闭它。如果您已经尝试过上述方法，但您没有说明您已经从其他案例/ASP 论坛尝试过的内容，我们深表歉意。

于 2013-08-09T01:47:41.077 回答
0

这是我想出的有效方法：

<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;
}
于 2013-08-15T00:30:59.307 回答