最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
DIV遮住的链接可以点击解决办法
时间:2013-10-24 编辑:简简单单 来源:一聚教程网
HTML制作中,如果在一个链接或者文字上再有一层DIV的话的,会导致当前的链接或者文字无法选中或者点击。这种情况在Firefox和Chrome 里会发生,但是在IE里居然没有问题。有人会想到用z-index 来解决,给下层的文字或者链接的z-index设一个大值,给上层的div设置一个小值,但是实际上用过这个方式是无法实现我们需要的结果的。
要解决这种问题,可以在上层的DIV加一个样式:
代码如下 | 复制代码 |
pointer-events: none; |
有了这个样式,可以让浏览器忽视此DIV。此样式属于CSS3,Firefox 3.6+和chrome 2.0+ 以及safari 4.0+都支持这个属性,IE6/7/8/9都不支持,所以设置以后所有的浏览器都可以正常使用了。
另外,如果在上层的DIV中,如果有一些DOM还是需要维持原有的效果,那么可以单独给这些DOM设置:pointer-
代码如下 | 复制代码 |
events:auto |
-
上一个: css实现非等宽图片列表的布局详解
相关文章
- CSS 鼠标点击拖拽效果代码展示 10-31
- CSS使用SVG实现动态分布的圆环发散路径动画教程 10-31
- css3中仿放大镜效果的几种方式原理介绍 10-26
- CSS3切割轮播图的代码展示 10-26
- CSS组合选择器解析 10-26
- css带搜索导航栏的代码展示 10-26