Discussion :

[stefsas]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.bout:hover
{
  color:Yellow;  
}

Cela ne marche pas. Est-ce que quelqu'un voit le problème ?

Merci.

[lutecefalco]

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

[Nicolas Esprit]

Y doit pas être réveillé

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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é.