元素绝对定位以后设置了高宽,a标签不能点击的原因总结

Posted 前端女侠

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了元素绝对定位以后设置了高宽,a标签不能点击的原因总结相关的知识,希望对你有一定的参考价值。

元素绝对定位以后设置了高宽,a标签不能点击的原因:

1、元素内并无内容

2、背景是透明的,无任何背景图或者颜色

解决方法:

1、如果不是绝对定位元素的,可以用相对定位

2、给元素加透明的背景图

3、IE可以只用 background:url(about:blank) 解决

第三种方法平时用用是可以的,但是在某种情况下会有bug, 比如JS拖动层时候,拖动的事件在一个透明层上面,你有设置了其他鼠标光标,这时候拖动就会出现光标闪烁的现象!

总结:用第二种方法,弄一个1*1PX的透明图就好!

以上是关于元素绝对定位以后设置了高宽,a标签不能点击的原因总结的主要内容,如果未能解决你的问题,请参考以下文章

网页设计中的定位都有哪些?

子元素相对父元素绝对定位之后父元素没有高度怎么办

input(file)样式修改及上传文件名显示

position定位,CSS入门必备, 好像以后有个更厉害的flex!

行类元素和块级元素的区别,并举例

绝对定位