如何讓圖像按鈕有效果？

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

如何讓圖像按鈕有效果？

回答

相關問題