H5中有一个<canvas>浮层,如何让其失效

李惟
  • 2.1k

H5中有一个<canvas>浮层,遮挡整在整个网页上面,像这样

<canvas>
<html>

请问有什么办法,让手指滑动下面的html,而不被<canvas>遮挡

回复
阅读 3.8k
4 个回答
canvas {
  position: fixed;
  z-index: -1;
}

Demo

什么叫手指滑动下面的html,不明白
canvas应该不影响页面的滚动,要说的是事件穿透可以用pointer-events: none;

   canvas{
        display:none;
    }
   canvas{
        position:fixed;
        left:200%;
    }
    //或者jQuery:
    $('canvas').remove();

你要是把<canvas>写到了<html>外面那写的就有问题。
如果是在html内定位遮挡的话是可以正常滑动html的呀。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏