Click to See Complete Forum and Search --> : Invisible Image
ErikLindemann
12-20-2007, 09:43 PM
I want to make an image invisible to the mouse if at all possible. I've made a banner that "pops out" of it's rectangular dimensions and hangs over the menu. The glow I have on a certain aspect of the image makes it so that it's hard for the mouse to get to two of the links in my menu, even though the naked eye can see them. Is there some property that makes an image "invisible" to the mouse? Or possibly a script?
I got nothing with the search button.
Apply the image as a background.
<div style="background: url(file.jpg) no-repeat; width: ###px; height: ###px;"> </div>
ErikLindemann
12-21-2007, 02:30 PM
Apply the image as a background.
<div style="background: url(file.jpg) no-repeat; width: ###px; height: ###px;"> </div>
Yeah, I had tried that and it kept making the image fold underneath the menu under it. I tried messing around with the z-index and elevation and nothing could get that to work.
Centauri
12-21-2007, 05:31 PM
Any element that is positioned over the links will prevent the mouse from seeing the links - this is a common way of restricting mouse access. The only way around it is to not have the image over top of the link. The only two things I could suggest would be to either incorporate parts of the header image in the link images to make it look like the image hangs over when it really doesn't, or duplicate the affected menu links as transparent links placed over top of the header graphic so it gives the impression the mouse is working the menu link.
ErikLindemann
12-21-2007, 10:35 PM
Any element that is positioned over the links will prevent the mouse from seeing the links - this is a common way of restricting mouse access. The only way around it is to not have the image over top of the link. The only two things I could suggest would be to either incorporate parts of the header image in the link images to make it look like the image hangs over when it really doesn't, or duplicate the affected menu links as transparent links placed over top of the header graphic so it gives the impression the mouse is working the menu link.
Alrighty, thank you very much then.