Возможно ли сделать область с меньшим кликабельным Z-индексом без JS или imagemap?

Question

Я разработал веб-сайт с тщательно продуманным прозрачным заголовком, который должен проходить через часть основного раздела страницы.Я пытаюсь свести к минимуму количество изображений, используемых на сайте, частично для размера и частично для более чистой разметки.

Я хочу начать размещать кликабельные элементы в пустой области под прозрачностью.Мне удалось заставить изображение перекрывать рассматриваемый div, играя с z-index.Теперь, конечно, это не кликабельно.

У кого-нибудь есть умное решение этой проблемы?Я могу придумать несколько разных способов «обойти» проблему, которые менее идеальны, но я надеюсь избежать их и найти решение, которое не использует JS или карту изображений.Я пытался использовать вложенный div с более высоким z-порядком (внешний div равен -1, внутренний div равен 1), но он не работает.

Answer 1

вы можете $ .Event сделать событие, а затем вызвать его, когда это необходимо :) префект кросс браузер и легко

Answer 2

Оказывается, что вообще не нужно было менять z-индекс.Все, что мне нужно было сделать, это использовать отрицательное поле, и я мог щелкнуть содержимое в прозрачной области под изображением.Моя ошибка заключалась в первоначальном предположении, что по какой-то причине мне нужно будет изменить z-индекс.Если бы я попытался сделать это, не касаясь z-индекса, это вообще не было бы проблемой.