Среда, 14 Ноября 2012 10:11

Pointer-events в CSS

Written by 
Оцени эту запись
(2 Голоса)

Pointer-events  - это CSS свойство, которое позволяет управлять кликабельностью элементов. Применяется для ссылок, элементов, реагирующих на события мыши, и SVG.

 

Возможные значения свойства pointer-events:

 

  • auto
  • none
  • visiblePainted
  • visibleFill
  • visibleStroke
  • visible
  • painted
  • fill
  • stroke
  • all
  • inherit

 

Большая часть этих значений применима только для SVG. Остаются только none, auto. На них и соатновимся.

 

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

 

auto - ведет себя так, вроде свойство pointer-events не указано (по умолчанию)

 

Пример:

 

<a href="http://kate-land.net/" style="pointer-events:none">http://kate-land.net/</a>

 

Кликни на ссылку, которая должна вести на главную страницу Kate-Land:

 

http://kate-land.net/

 

 

 

 

 

 

You have no rights to post comments

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов