Home/ Questions/Q 6060791
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T08:51:56+00:00

Is it possible to have a partially transparent background/image (png logo with shadow) positioned

  • 0

Is it possible to have a partially transparent background/image (png logo with shadow) positioned over (using higher z-index or in some other way) some element (menu), without the top image (logo) interfering with the :hover behavior of the partially covered element (menu)?

Currently I have a div with a background image (logo) covering the menu, so the menu elements never get any :hover triggers (and can’t be clicked either). I’d like the div to be displayed as it is now, but all mouse related clicks and hover events would pass trough the div to the menu as if the menu was on top.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    pointer-events: none is the answer CSS provides to do this.

    Browser support: http://caniuse.com/pointer-events (works everywhere except IE10 and older)

    See: http://jsfiddle.net/7D5Jt/

    If the browser support for pointer-events is not acceptable, you’ll have to use JavaScript.

    • 0