css3属性 pointer-events: none 在小程序中不生效

发布于 8 年前作者 yuli12764 次浏览最后编辑 8 年前来自 ask
  • 当前 Bug 的表现(可附上截图)

在map上利用cover-view和cover-image放置了一张图片,并设置pointer-events: none;属性,在开发者工具中可正常对底层地图进行操作,

在手机上无法对底层地图进行拖曳、缩放等操作(点击穿透未生效)

  • 预期表现

在手机上可对底层地图进行拖曳、缩放等操作(既实现点击穿透效果)

  • 复现路径

  • 提供一个最简复现 Demo

<map id=“map”

longitude=“113.324520”

latitude=“23.099994”

scale=“16”

show-location>

    <cover-view>

        // 图片自己放

        <cover-image src=“/static/img/test3.png”/>

    </cover-view>

</map>

////////////////////////////////////////////////////////////////////////////////

#map {

    overflow: hidden;

    width: 690rpx;

    height: 500rpx;

    position: relative;

}

cover-view {

    pointer-events: none;

    position: absolute;

    left: 0;

    top: 0;

}

cover-image {

    width: 690rpx;

    height: 500rpx;

    pointer-events: none;

}

5 回复
jhao
jhao1 楼6 年前

我也遇到这个问题啊

pcai
pcai2 楼6 年前

iPhone 7, ios13.1, 微信 7.0.6,bug依旧 期望修复!

qinmin
qinmin3 楼6 年前

确实,我的华为meta20pro也不行

fang46
fang464 楼6 年前

你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)

juantian
juantian5 楼6 年前

你的反馈我们已收到,我们会在后续的版本中考虑增加类似功能。