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

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

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

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. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  2. 求邮件退订功能,该怎么处理
  3. CSS中border兑现三角效果
  4. 去除NSString中的HTML标签
  5. 对于ul标签插入背景有关问题
  6. 请教怎么画一条横线
  7. 用HTML制作了一个表单，里面密码文本框出有关问题了，求解
  8. 不用盲目的在项目中使用LESS CSS
  9. 用CSS统制 ul / li标记样式:list-style-type各属性的含义