1.css点击下层穿透上层元素，实现点击下层元素的效果； pointer-events: none; 　　 ...

一、问题描述笔者是在些一个登录界面时遇到这个问题的，需求是点击登录按钮出现登录悬浮框，初始化时登录悬浮框是display:none的，但笔者发现登录框那一块区域的input框无法响应点击时间，也无法获得焦点。一般鼠标放在input框上是会变成编辑的横杠，input框也会获得焦点。二、解决方案对上层 ...

　　有这样一个场景，在页面的右上角有一个固定位置的按钮，当不拉动垂直滚动条时，该按钮是可以接受鼠标响应的；但是当将垂直滚动条拉到最底端时，该按钮就不能响应鼠标操作了，此时该按钮的样式已经被下部分内容的样式遮挡了，此时我们可以通过一个z-index属性来解决该问题，只要在右上角固定的按钮的样式中添加 ...

元素位置重叠的背景常识 (x)html文档中的元素默认处于普通流（normal flow）中，也就是说其顺序由元素在文档中的先后位置决定，此时一般不会产生重叠（但指定负边距可能产生重叠）。 当我们用css为某个元素指定float浮动或者position定位后，元素的定位将会依情况发生如下改变 ...

多次在项目中遇到html页面元素的非期待重叠错误，多数还是position定位情况下z-index的问题。其实每次解决类似问题思路大致都是一样的，说到底还是对z-index的理解比较模糊，可以解决问题却不大了解其原因，导致重复出错......于是决定把重叠问题弄清下，把z-index理顺下 ...

js可以获取其元素的z-index值： 对于值的解读： 值 描述 auto 默认。堆叠顺序与父元素相等。 number 设置元素的堆叠顺序。 inherit ...

"UC浏览器中，设置了position: fixed 的元素会遮挡z-index值更高的同辈元素(非fixed)。" 我们使用的artDialog弹窗中，在UC浏览器中，如果页面高度大于一屏时，蒙版（fixed定位）会遮盖住弹窗（absolute），并且滚动页面的时候弹窗也会跟着页面滚动 ...

最近写CSS3和js结合，遇到了很多次z-index不生效的情况： 1.在用z-index的时候，该元素没有定位（static定位除外） 2.在有定位的情况下，该元素的z-index没有生效，是因为该元素的子元素后来居上，盖住了该元素，解决方式：将盖住该元素的子元素的z-index设置为负数 ...