How can I change the background color of a image

How can I change the background color of a image

Hello everyone,

In a container I have defined a extended propertie "mousover" en as value I have put some css
"background-color:red;". But it doesn't work.

Do you have any ideas ?


Kadir Karapinarré
Hello Kadir,

Would you mean onmouseover Javascript event, instead? In that case I would use Javascript in the Extended Properties value, as well, to apply that change (e.g. $(yourHTMLElementId).css( "background-color", "red" );) Take a look at for more examples.

On the other hand, perhaps more easily, you could just define a CSS :hover selector to apply that css change.

Let me know if this helped you at all. Cheers!

Sorry! I just noticed on your post title that what you want is to change the bg color of an image. Not sure if the previous can help you... maybe if the image in .png transparent, but that's just a guess.

Another way is to use sprites to completely change you image while hovering your mouse cursor. I love this article on List A Part about sprites: - will it help?
Thnx for the answer. I resolved my problem ;)