Ваше мнение важно для нас.
Поделитесь своими предоложениями и пожеланиями.

Div прозрачный для кликов мышкой


У меня есть два div'а один поверх другого. Верхний частично прозрачный. Мне необходимо, чтоб при пользовательский клик происходил на нижнем div'е. Как это сделать?
0

Ответы

0
Ссылка
Можно делегировать событие клика. Например, если есть:
<div class="top">
</div>
<div class="bottom">
</div>

то можно написать так:
$(".top").on("click", function(){
$(".bottom").click();
});

Это, конечно, хак, но для большиства случаев его вполне достаточно.
0
Ссылка
Да, это можно сделать используя CSS свойство "pointer-events:none". Если применить его к диву находящемуся на верху, то все клики будут происходить на элементе, который находится под ним.
0
Ссылка
Круто, спасибо, никогда раньше не слышал про это CSS свойство.
0
Ссылка
Да, в Opera вроде тоже.
0
Ссылка
Да, похоже, что работает только в Chrome, Firefox и Safari. Для других браузеров придется JavaScript'ом, если нужно передавать данные из события клика, можно сделать так:

$('.overlay').click(function(e){

$(".target").trigger(e);

});
Для того, чтоб отвечать на вопросы или зарегистрируйтесь.
ИТ-цитата
"То что поднялось должно рано или поздно упасть. Не верите? Спросите системного администратора."
Annonimus