• Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Запрет события мыши на выполнения действий (Запретить выполнение события у элемента при помощи css)
Запрет события мыши на выполнения действий
Kosten
Дата: Воскресенье, 2018-12-30, 21:35 | Сообщение 1
Администраторы
Сообщений:21563
Награды: 56


Свойство под названием pointer-events будет изначально позволяет управлять над тем, как HTML элементы реагируют на мышь. Также это свойство может иметь множество значений, которые применяются в элементах SVG, но только три из этих значений, применимы к HTML.

У вас появится возможность заставить элемент реагировать на события указателя, это auto, также можете запретить ему это делать, за это отвечает none. Для того, чтоб сделать запрет мыши, это, чтоб не реагировала на элементы, то нужно использовать это свойство.

За это отвечает свойство:

Код
pointer-events: none;


Как пример рассмотрим как все работает.

HTML

Код
<p>Когда-то маркетинг был простой индустрией, которая поощряла односторонние коммуникации и стратегии, ориентированные на рекламу. Но времена изменились, особенно в последние пару десятилетий, с появлением Интернета и множества других цифровых технологий.</p>

<div class="derbsa-kotug">ZorNet - портал для вебмастера</div>


CSS

Код
.derbsa-kotug {
  display: block;
  width: 8em;
  height: 8em;
  background: rgba(51,51,51,0.85);
  position: absolute;
  top: 1em;
  left: 4em;
  padding: 0.75em;
  pointer-events: none;
  color: whitesmoke;
}

body {
  font: 14px/1.4 "Trebuchet MS", sans-serif;
  padding: 3em;
  max-width: 600px;
  background: whitesmoke;
}

p {
  padding: 0.75em;
  background: #ddd;
}


Так получится:



Демонстрация
Прикрепления: 8072691.png(14.8 Kb)
Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Запрет события мыши на выполнения действий (Запретить выполнение события у элемента при помощи css)
  • Страница 1 из 1
  • 1
Поиск: