战力不足五
战力不足五
  • 发布:2021-04-15 16:05
  • 更新:2021-06-11 14:42
  • 阅读:1394

【报Bug】NVUE模式下image标签使用绝对定位后图片不显示?

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 10

HBuilderX类型: 正式

HBuilderX版本号: 3.1.8

手机系统: Android

手机系统版本号: Android 7.0

手机厂商: 模拟器

手机机型: moniqi

页面类型: nvue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

非常的单纯的写了个image标签然后绝对定位

操作步骤:

使用image标签 然后绝对定位,然后图片就不显示了

预期结果:

使用image标签 然后绝对定位,图片正常显示

实际结果:

使用image标签 然后绝对定位,然后图片就不显示了

bug描述:

image标签 使用绝对定位后图片不显示,image标签宽高已经写了

2021-04-15 16:05 负责人:无 分享
已邀请:
战力不足五

战力不足五 (作者) - .......

能否有人解答一下呢?虽然我大概已经知道为什么了。但是还是需要官网解答一下

战力不足五

战力不足五 (作者) - .......

就没有人解答一下吗

  • 2104_DLS

    现在显示出来了吗

    2021-04-19 09:09

  • 战力不足五 (作者)

    回复 2104_DLS: 没有显示出来。

    2021-04-19 10:41

  • 战力不足五 (作者)

    回复 2104_DLS: 很好复现的。新建一个nvue页面,放个image标签 然后用绝对定位 这个图片就不显示了

    2021-04-19 10:46

  • 2104_DLS

    回复 战力不足五: 父元素没有relative,相对于页面最外层标签定位,如果恰好这个标签没有高度,那么在安卓端是默认overflow: hidden;则无法显示。你尝试一下一个空页面写一个有宽高的relative定位的标签,包裹这个img。如果还不能解决请提供一个可以复现的demo。

    2021-04-19 12:21

  • 战力不足五 (作者)

    回复 2104_DLS: weex 安卓默认只支持 overflow: hidden;其实很多场景,就是在不写高度的情况下进行的定位的,因为用定位本身就是不想这个元素占据位置,所有官方没有打算去兼容一下 然安卓支持 overflow:visible。我觉得这个属性是很有必要的

    2021-04-19 13:57

  • 2104_DLS

    回复 战力不足五: 没有必要,只要你使用flex布局是完全可以做到的。

    2021-04-19 16:09

  • tuonioooo

    <image class="margin-bottom-xs" :lazy-load="true" src="https://xxxxxx.png"></image>


    图片地址我乱写的


    .margin-bottom-xs {

    width: 96rpx;

    height: 96rpx;

    margin-bottom: 10rpx;

    }


    以前我是写在外围的 但是nvue 不支持嵌套标签 无效果 所以内部写了个class 如果不给高度 默认就是你们说的那个“overflow: hidden”

    2021-12-29 16:57

1***@qq.com

1***@qq.com

大佬,请问在哪儿给overflow:visible;属性,我父级元素有宽高,子元素也有宽高,将子元素绝对定位到父元素外面,就看不到了,给父元素overflow:visible;也没用呀,这种怎么解决呢

该问题目前已经被锁定, 无法添加新回复