如何让图像按钮有效果？

我使用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; 
     }

来源

2011-02-16 Jo0o0

Javascript？说实话，你似乎没有任何努力尝试自己找到解决方案。 – 2011-02-16 03:04:14

This可能帮助翻车。

或者，this one会工作，如果您只希望它按下按钮时更改，而不是鼠标悬停时。

我不完全知道你是问什么......

来源

2011-02-16 03:05:30

只有链接按钮可以做到这一点没有一个无效的图标

<asp:LinkButton ID="Login_Button" runat="server" style="float:left;" 
onclick="Login_Button_Click" CssClass="Login" />

来源

2011-02-16 04:01:36 Jo0o0

要删除“红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时在某些浏览器中使鼠标操作无法正常工作时遇到问题，这可能是原因。

来源

2011-02-24 19:03:47 TLS

如何让图像按钮有效果？

回答

相关问题