Сделать элемент незаметным (щелкнуть по нему)

У меня есть фиксированное изображение, которое накладывает страницу, когда пользователь находится в режиме прокрутки сенсорного экрана (мобильного).

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

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

Спасибо!

Ответ 1

Настройка CSS - pointer-events: none должна удалить любое взаимодействие с изображением. Поддерживается очень хорошо во всех, кроме IE.

Здесь может принимать полный список значений pointer-events.

Ответ 2

События указателя CSS - это то, что вы хотите посмотреть. В вашем случае установите для указателей-событий значение "none". Посмотрите на этот JSFiddle для примера... http://jsfiddle.net/dppJw/1/

Обратите внимание, что двойной щелчок по значку все равно скажет, что вы нажимаете на абзац.

div.child {
    ...    
    background: #fff;
    pointer-events: none //This line is the key!
}