我使用asp .net图像按钮来显示静态jpeg文件, 如何使图像按钮具有按下效果
这是我到目前为止所做的:
<asp:ImageButton ID="Login_Button" runat="server" onclick="Login_Button_Click" ImageUrl="~/Image/Login.jpg" />
如果未设置ImageUrl,如何删除红叉?
.Login
{
height:50px;
width:100px;
margin: 5px;
background: url(Image/Login.jpg) no-repeat 0 0;
}
.Login:hover
{
background: url(Image/Login_Pressed.jpg) no-repeat 0 0;
}
答案 0 :(得分:0)
答案 1 :(得分:0)
仅链接按钮可以在没有无效图标的情况下执行此操作
<asp:LinkButton ID="Login_Button" runat="server" style="float:left;"
onclick="Login_Button_Click" CssClass="Login" />
答案 2 :(得分:0)
要删除“红色x”,您可以引用占位符透明gif。它们通常被命名为“spacer.gif”或“pixel.gif”,它们只是一个透明像素。它们在需要图像文件时提供有效参考但是非常小,当然是透明的。您在“红色x”中看到的是图像按钮无法找到图像文件。如果没有引用文件或找不到文件,某些浏览器(IE)将显示红色x。
<asp:ImageButton ID="Login_Button" runat="server" onclick="Login_Button_Click"
ImageUrl="~/Image/pixel.gif" />
或者,正如您已经回答了自己的问题,您可以切换到LinkButton并从那里开始。
如果您希望按钮对鼠标操作做出反应,那么CSS绝对是您的选择,并且您提供的CSS似乎是有效的。但是,您可能会发现某些浏览器不会解释:hover
伪类,除非它附加到anchor
(链接)标记。如果您在使用ImageButton
时在某些浏览器中无法正常使用鼠标操作,则可能是原因。