知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

    css穿透绝对定位的层使下面的链接可点击

    作者:佳明妈 来源:jquery 特效 2011-05-12 人气:
    在火狐下不能直接点击绝对定位层下面的链接,下面的链接被上面的绝对定位层挡住。CSS属性:pointer-events:none;解决这个问题。

    没有背景和图片填充的情况下,在火狐下不能直接点击绝对定位层下面的链接,下面的链接被上面的绝对定位层挡住了。在IE里面是可以直接点击绝对定位层下面的链接。

    怎么解决这个问题那?主要的焦点问题就是解决火狐的问题。

    请出我们的NB的 CSS 属性:pointer-events: none;来解决这个问题。网上有这个属性的介绍,懒人建站在这里就摘抄一段想看的看下面的扩展阅读。

    注意:如果你铺了背景颜色或者背景图片那就OVER了, 下面的链接全都不能点击了。

    查看css穿透绝对定位的层使下面的链接可点击演示

    http://www.51xuediannao.com/51downs/css/pointer-events.html

    扩展阅读:

    Pointer-events原本来源于SVG,目前在很多浏览器中已经得到体现。不过,要让任何HTML元素生效还得借助于一点点css。该属性称之为pointer-events,基本上可以将它设置为auto,这是正常的行为,而“none”是一个有趣的属性。

    如果你已经设置一个元素的css属性为pointer-events: none。它将不会捕获任何click事件,而是让事件穿过该元素到达下面的元素。

    ↓ 查看全文

    css穿透绝对定位的层使下面的链接可点击由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    css穿透绝对定位的层使下面的链接可点击-最新评论