I'm looking for a way to have a box appear when I rollover an image I've added to a page. See the three big white boxes in the example website below:
I don't need the client to be able to edit the content of those boxes (although that would be excellent if possible). I know I could just put each image in it's own <div> and have an a:hover for that div for each image. But that seems like a very sloppy way to do this.
You have to apply both. I think filter is for IE and opacity is for Mozilla