Hiding a panel behind an image


I have a panel with some buttons inside it. I want to have an image over the panel, which disapears when the mouse goes over it. How do I do this?



There are two ways, one of them unnecessary complicated (creating a client side widget). I would probably do this with CSS; add the image to the panel child layout (preferrably a CssLayout), position the image to cover the panel content, and then add a CSS rule that says when you hover over the panel, the image gets display:none;