收藏
回答

怎么让按钮覆盖在图片上?

像这样图片上的完成按钮怎么做啊

我做出来的是这样的,不能覆盖在图片上,求大佬帮帮忙

回答关注问题邀请回答
收藏

5 个回答

  • Code Weaver
    Code Weaver
    2021-11-17

    position: fixed:

    bottom: 100rpx;

    z-index: 999;

    2021-11-17
    有用 2
    回复 7
    查看更多(2)
  • 曹孟良
    曹孟良
    2021-11-17

    用绝对定位,或者fixed定位。把按钮和图片的代码放出来,wxml和wxss的,帮你改改

    2021-11-17
    有用 1
    回复 6
    • 沐清
      沐清
      2021-11-17
      2021-11-17
      1
      回复
    • 沐清
      沐清
      2021-11-17
      2021-11-17
      回复
    • 沐清
      沐清
      2021-11-17
      谢谢!!!
      2021-11-17
      回复
    • 曹孟良
      曹孟良
      2021-11-17回复沐清
      你图片应该是f2里面这张吧?这张图外面的f2,设置position:relative,然后里面的按钮设置position:absolute,top:xx,left:xx。就可以悬浮了,悬浮在哪需要你自己调整参数
      2021-11-17
      回复
    • 沐清
      沐清
      2021-11-17回复曹孟良
      好的,非常感谢!
      2021-11-17
      回复
    查看更多(1)
  • Smooth
    Smooth
    2021-11-17

    用定位的absolute或fixed以及z-index设置图层优先级,即可让按钮脱离文档流出现在你想出现的地方,通过调整left和top

    2021-11-17
    有用 1
    回复
  • spider
    spider
    2021-11-17
    .button{
      position:fixed;
      bottom:50rpx;
      z-index:99;
    }
    


    在 wxss 文件里写,位置都是可以调的。

    也可以用 cover-view 这样的原生组件。https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.html

    2021-11-17
    有用 1
    回复 1
    • 沐清
      沐清
      发表于移动端
      2021-11-17
      感谢感谢😭 😭
      2021-11-17
      回复
  • 游戏结束べ
    游戏结束べ
    2021-11-17

    你好,可以写一个代码片段吗

    我的按钮是可以放在图片之上的

    2021-11-17
    有用 1
    回复
登录 后发表内容