интерактивного содержания под прозрачным изображением

Question

Я нахожусь в настоящее время в этом проекте: http://www.webjor.com.br/

, как вы можете видеть, фон для заголовка является довольно большим, он имеет 900px высоты и приходит весь путь вниз страницы, остается над содержимым в середине ... aaaand thats my problem, мне нужно, чтобы контент был доступен для кликабеля, поэтому я могу использовать кнопки и внешний материал .. вы, ребята, знаете, как я могу это сделать? Я не хочу нарезать фон заголовка, это будет довольно неприятно, чтобы соответствовать шаблону, если бы я сделал это.

Answer 1

Может использовать CSS pointer-events: none ... события мыши пройдут через элемент сверху на нижние.

Опасайтесь, однако, это функция CSS3 и не поддерживается полностью во всех браузерах. Лично я хотел бы рассмотреть перепроектирование компоновки

MDN Pointer-events Docs