position:absolute 的div 无法cursor:pointer 的问题

Posted ISaiSai

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了position:absolute 的div 无法cursor:pointer 的问题相关的知识,希望对你有一定的参考价值。

问题出现在IE6,7,8,9,10

IE11,firefox,chrome 正常

文档:

http://stackoverflow.com/questions/4378497/ie-bug-absolutely-positioned-element-with-a-non-transparent-background-colour

现象:当设置position:absolute 以后,设置cursor:pointer  无法点击

解决方案:设置一个背景颜色 或者 放一个透明图片可以解决这个问题

div 
      width: 200px; height: 200px;
      position: absolute;
      border: 10px solid black;
      cursor: pointer;

以上是关于position:absolute 的div 无法cursor:pointer 的问题的主要内容,如果未能解决你的问题,请参考以下文章

Div使用了position:absolute,同级的Div被遮挡了,求解决的办法!!!

div在设置position为absolute的情况下 如何让里面的内容水平居中显示

div+css中 父容器用position:relative; 定义,子容器用position:absolute定义 。父容器不能高度自适应

div在设置position为absolute的情况下 如何让里面的内容水平居中显示

div 定位是position:absolute,是否定了top的值就不能定bottom了?

对于position:relative,absolute,fixed的见解: