2
3
4
5
6
Синтаксис
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
pointer-events: auto; pointer-events: none; /* только SVG */ pointer-events: visiblePainted; pointer-events: visibleFill; pointer-events: visibleStroke; pointer-events: visible; pointer-events: painted; pointer-events: fill; pointer-events: stroke; pointer-events: all; /* Глобальные значения */ pointer-events: inherit; pointer-events: initial; pointer-events: unset; |
Использование значения none
1. Наложение полупрозрачных элементов
Используя pointer-events: none; можно легко накладывать любые полупрозрачные элементы с нестатичным позиционированием, не боясь, что они перекроют ссылки и другие рабочие области.
Нажмите на кнопку, чтобы наложить такие слои поверх всей страницы:
наложить
убрать
Несмотря на то, что это свойство наследуется, его дочерние элементы могут иметь другое значение, например, auto. В примере это блок с цифрой 1 в нижнем левом углу страницы.
2. Запрет взаимодействия с изображениями
По умолчанию картинки можно сохранять, перетаскивать мышкой и т.д. pointer-events: none; сделает их невидимыми для нее.
3. Сокрытие каких-либо кликабельных элементов другой информацией
Про это я описывать не буду, т.к. это уже не совсем честные моменты использования этого свойсва.
Не могли бы вы подсказать, что делать, если в input с типом "число" данное свойство не задано, при наведении курсора на окошечко появляются стрелочки для выбора числа, при этом стрелочки нажимаются, а числа не появляются. И нет возможности поставить курсор в окно. Форма создавалась в отдельном файле, где она работала, затем была переставлена на действующую страницу и появилась данная проблема.
А причем тут pointer-events ?
Дайте ссылку на результат, так сложно догадаться что не так работает и почему.