Question

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

Answer 1

This可能有助于翻转。

或者，this one如果您只想在按下按钮时更改它，而不是鼠标移动时，它会起作用。

我不完全确定你在问什么...

Answer 2

仅链接按钮可以在没有无效图标的情况下执行此操作

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

Answer 3

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

如何使图像按钮有效按下？

3 个答案: