收藏
回答

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

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug map、cover-view和cover-image 客户端 6.7.3 1.02.1902010

- 当前 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;

}




最后一次编辑于  03-26
回答关注问题邀请回答
收藏

5 个回答

  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    03-26

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

    03-26
    赞同
    回复 1
    • 银月
      银月
      03-27

      机型:HTC U11、2018新IPAD

      微信版本号:6.7.3(安卓)、7.0.3(IOS)

      系统版本号:、8.0(安卓)、12.1(IOS)

      代码片段地址:https://developers.weixin.qq.com/s/TgVuXamW7g7X


      谢谢!

      03-27
      1
      回复
  • Henry
    Henry
    09-27

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

    09-27
    赞同
    回复
  • Baron yin
    Baron yin
    07-30

    我也遇到这个问题啊

    07-30
    赞同
    回复
  • 戴文亮
    戴文亮
    03-28

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

    03-28
    赞同
    回复 2
    • 银月
      银月
      03-29

      好的。谢谢。

      03-29
      回复
    • 王锐彬
      王锐彬
      07-26
      话说 这件事有下文吗
      07-26
      回复
  • HK
    HK
    03-27

    确实,我的华为meta20pro也不行

    03-27
    赞同
    回复