Ok this is a bit difficult to explain. I have a navigation menu done with images and I have animated a mouse over glow effect on the images using CSS transitions and opacity. For SEO purposes I want the navigation menu to include text links.The glow effect is done using CSS background images and html foreground images. On mouse over the opacity of the foreground image slowly goes to 0 revealing the background image underneath.I have worked out how to position the text over the images (using relative positioning for the parent div tag and absolute positioning for the p tag) but when the mouse hovers over the text, it is no longer counted as hovering over the image (because the text is on top of the image) and the glow effect doesn't work.In flash it's pretty easy to make mouse over on one object cause changes in another object. Is there any way to do this in CSS? If not then can javascript do what I need?Any help would be greatly appreciated.
CSS :hover - How to make :hover on text affect an image?
- Thread starter METE44
- Start date