Прозрачное изображение над элементом с помощью: hover - PullRequest
3 голосов
/ 25 июня 2011

Возможно ли разместить частично прозрачный фон / изображение (логотип png с тенью) над (используя более высокий z-индекс или каким-либо иным способом) каким-либо элементом (меню), без того, чтобы верхнее изображение (логотип) не мешало :hover поведение частично покрытого элемента (меню)?

В настоящее время у меня есть div с фоновым изображением (логотипом), покрывающим меню, поэтому элементы меню никогда не получают триггеры :hover (и также не могут быть нажаты). Я бы хотел, чтобы div отображался в том виде, в каком он есть сейчас, но все связанные с мышью щелчки и события наведения будут проходить через div в меню, как если бы меню находилось сверху.

1 Ответ

3 голосов
/ 25 июня 2011

pointer-events: none - это ответ, который CSS предоставляет для этого.

Поддержка браузера: http://caniuse.com/pointer-events (работает везде, кроме IE10 и старше)

См .: http://jsfiddle.net/7D5Jt/

Если поддержка браузером pointer-events неприемлема, вам придется использовать JavaScript.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...