Application d'un hover css sur un asp:ImageButton

Version imprimable

21/05/2010, 16h08
stefsas

Application d'un hover css sur un asp:ImageButton
Bonjour,

J'ai intégrer des asp:ImageButton avec des images sur lequel je voudrais que le fond derriere l'image change de couleur lors du survol de la souris.

J'ai utilisé :

Code:

<asp:ImageButton ID="BoutonOuvrir" runat="server" CssClass="bout" ImageUrl="/Images_Projet/Images/ouvrir.png" width="35" height="35" OnClick="Bouton_Ouvrir_Click" />

avec le css associé :
Code:

1 2 3 4 .bout:hover { color:Yellow; }
Cela ne marche pas. Est-ce que quelqu'un voit le problème ?

Merci.
21/05/2010, 16h18
lutecefalco

Bah ouais, color, c'est pas pour le fond ...

Y doit pas être réveillé :mouarf:

Sinon, tu peux utiliser un contrôle customisé pour plus de simplicité d'utilisation. Par exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
[DefaultProperty("Text")]
    [ToolboxData("<{0}:RolloverImageButton runat=server></{0}:RolloverImageButton>")]
    public class RolloverImageButton : ImageButton
    {
 
        [DefaultValue("")]
        [UrlProperty]
        [Bindable(true)]
        public virtual string ImageOverUrl
        {
            get
            {
                if (null == ViewState["ImageOverUrl"]) return string.Empty;
                else return Convert.ToString(ViewState["ImageOverUrl"]);
            }
            set { ViewState["ImageOverUrl"] = value; }
        }
 
 
        protected override void AddAttributesToRender(HtmlTextWriter writer)
        {
            writer.AddAttribute("onmouseover", "this.src='" + base.ResolveClientUrl(ImageOverUrl) + "'");
            writer.AddAttribute("onmouseout", "this.src='" + base.ResolveClientUrl(ImageUrl) + "'");
            base.AddAttributesToRender(writer);
        }
    }

En espérant t'avoir aidé.