I have been given a background (a png) that is partially transparent all the way across to use in a gadget. I can layer text on it and the text becomes partially transparent too. So white text becomes grey etc. However if I try and get this text or the box that contains it to respond to mouseover events - it just won't.
Well it will but only if I click on another arbitrary part of the background first (in the middle near the top - there are no hidden elements in there). Then all the text goes a weird pinkish white, and then it will respond. This seems to be another manifestation of the commonly recurring problems with focus. I want to check is there any reason that text layered on partially transparent background won't respond I mean the whole background is transparent, not just a section of it.
I'm happy to post the code, but I've lifted it from another working gadget I created, so I'm fairly certain it isn't the code, besides it's pretty simple to have an element with an onmouseover or onclick event that calls a function and to have that function with a single line of code that responds to it.
So in summation - in this gadget of a few lines with a partially transparent background, the onmouseover event on a div won't respond, unless focus is somehow gained first (note self.focus() doesn't help). In a similar gadget with an opaque background with transparent border, onmouseover div responds just fine. Is it just me going insane or is there something I should know about
Chris