最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
DIV遮住的链接可以点击解决办法
时间：2022-06-25 09:36:55 编辑：袖梨 来源：一聚教程网
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 | |
相关文章
- 御书屋自由阅读网入口_Po18浓情文直达页面推荐 06-20
- 新御宅屋_海棠书屋自由入口_在线阅读无需注册 06-20
- po18小说阅读网入口_收藏起来的私密可用地址 06-20
- 海棠书屋po18浓情文入口_老用户分享的稳定阅读页 06-20
- 入浓情自由PO18书屋在线看_真正可打开的备用站入口 06-20
- Po18御宅书屋秘书入口_现在还能访问的浓情文页面 06-20