1. 爱易网页
  2. HTML教程
  3. css属性pointer-events的运用跟document.ElementFromPoint:根据坐标获得元素

css属性pointer-events的运用跟document.ElementFromPoint:根据坐标获得元素

日期：2014-05-16　 浏览次数：20707 次

css属性pointer-events的运用和document.ElementFromPoint:根据坐标获得元素

元素中css样式：pointer-events的属性使用

pointer-events:none，设置成功的时候，意味着位于该元素下的元素可以被触发事件，而该元素不会被触发事件（事件可以穿透该元素，直接到达下面的元素上)

一般和渐变样式混合使用；

eg:

{

?

  1. pointer-events:?none;
  2. line-height:?1;
  3. background:?-webkit-linear-gradient(left,rgba(255,255,255,.01)0,rgba(255,255,255,.9)30%,#fff?100%);
  4. ?
    background:?-ms-linear-gradient(left,rgba(255,255,255,.01) 0,rgba(255,255,255,.9) 30%,#fff 100%);
  5. background:?-webkit-linear-gradient(left,rgba(255,255,255,.01)0,rgba(255,255,255,.9)30%,#fff?100%);
  6. background:?linear-gradient(to right,rgba(255,255,255,.01)0,rgba(255,255,255,.9)30%,#fff?100%);
}
?
?
document.ElementFromPoint:根据坐标获得元素，可用于触屏设备上获取当前点击元素的名称

相关资料更多>

  1. 很奇怪的前端游戏小疑点
  2. 为什么小弟我的list-style-type起不了作用呢
  3. document.compatMode == "CSS1Compat"
  4. 十分实用的动画样式 Animate.css
  5. css强行换行 word-break:break-all跟word-wrap:break-word的区别
  6. 想各位哒人借鉴一点高招,该如何处理
  7. html5 canvas做手记签名
  8. DIV+CSS 浮动的有关问题
  9. 关于HTML文档类型对浏览器格局的影响