pointer-events:none应用举例实例页面

展示

回到相关文章 »

  • 朱成文MAY

    :2011萬千星輝頒獎禮紅地毯: #徐子珊# @黄宗泽

    2分钟前

  • 精神抖擞张小花

    :【大雾】一群人在聊天。甲说:雾太大了,我出去遛一圈狗,回来一看,擦!把别人家狗牵回来了。乙说:是大,今天我接孩子放学,结果把别人儿子领回来了……丙大叫不好便冲了出去。大家不解。丁说:他媳妇今天去买衣服,到现在还没回来……(via:@格瓦拉 )

    2分钟前

  • Top丶高度萌化M

    :#每日一渣绘#我的琪鲁诺不可能这么性感……

    2分钟前

  • 广西师大出版社理想国

    :【送门票和书】青春版《牡丹亭》走过八载春秋,赢得无数赞誉与掌声,12月8-10日,第200场演出,将在北京国家大剧院上演,白先勇说这可能是他最后一次这么费心力推广昆曲了。随手转发+评论给本条微博,就有机会得门票(总30张,限学生)和白先勇签名《树犹如此》(所有网友,10本),活动截止12月2日。

    2分钟前

  • 杯子墨白

    :我参与了【你的手机都有哪些装饰物?】,投给了 "手机外壳" 这个选项。 http://t.cn/SGR9K2

    2分钟前

代码

CSS代码:
.grad_top, .grad_bottom { height: 100px; width: 100%; position: absolute; pointer-events: none;}
.grad_top {
    /* 上渐变 */
}
.grad_bottom { 
    /* 下渐变 */
    bottom: 0;
}
.poniter_event_none { pointer-events: none; }
            
HTML代码:
<ul class="rel">
    <li class="grad_top"></li>
    <!-- 其他列表 -->
    <li class="grad_bottom"></li>
</ul>

<!-- 应用类名后 -->

<ul class="rel">
    <li class="grad_top poniter_event_none"></li>
    <!-- 其他列表 -->
    <li class="grad_bottom poniter_event_none"></li>
</ul>