我已经检查了此处关于此主题以及 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 指向网站的图片目录,我放弃了,将上面的 .png 文件复制到网站的根目录;也就是说,它与 .css 文件本身相邻。
我在 Firefox 中同时使用了 Google 开发者工具和 Firebug,匹配的 CSS 规则似乎是正确的。也就是说,我可以将鼠标悬停在该工具的部分上,然后 URL 会解析为显示图像本身。
这是呈现页面的 Firebug View :
如果我可以通过网站根目录中的 .png 文件和 .css 文件解决这个问题,那么我想更改对收集所有其他图像的图像文件夹的引用,但使用网络根目录中的两个文件都失败了,我显然需要一些关于可能出错的建议。 我在运行 .Net Framework 3.5 (Windows Server 2003) 的网络服务器上使用 Visual Studio 2008。
最佳答案
尝试放置
display: block;
background-position: 0px 0px;
进入 .buttonStyleAdmin。
我将您的代码/css 放入一个空白元素中,它与占位符图像一起工作得很好。
否则,如果您有 adblock,请尝试将其关闭。如果您已经尝试过上述方法但没有说明您已经从其他案例/ASP 论坛中尝试过什么,我们深表歉意。
关于ASP.Net 按钮不会呈现背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18138448/