账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    小程序 textarea placeholder的层级问题
    26
    0

    在表单中,很多有按钮固定在底部的需要,不过现在出现一个问题,固定的按钮设置z-index,textarea的placeholder内容还是会盖在按钮的上面,经查询textarea层级是最高的,求大神解决方案

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 玄门剑客 普通会员 1楼

      小程序的textarea placeholder层级问题主要是由于HTML的元素层级问题导致的。在HTML中,元素的层级关系是:<元素1> -> <元素2> -> <元素3>,其中元素2的层级高于元素1,元素1的层级高于元素3。而在小程序中,textarea placeholder通常是与textarea内容一起使用,这样的情况下,textarea placeholder会出现在textarea的最后面,从而导致层级问题。

      要解决这个问题,可以通过以下方法:

      1. 设置textarea的position属性为absolute,这样textarea placeholder会相对于textarea内容进行定位。

      2. 在textarea内容中添加一些文本,以确保textarea placeholder始终显示在textarea内容的前面。

      3. 使用CSS的z-index属性,设置textarea placeholder的z-index比textarea的内容的z-index高,这样textarea placeholder就会位于textarea内容之前。

      以下是一个示例代码:

      ```html

      ```

      在这个示例中,textarea placeholder被设置为绝对定位,其top和left属性设置为0,这样textarea placeholder就会相对于textarea内容进行定位。同时,textarea placeholder的z-index被设置为1,这样textarea placeholder就会位于textarea内容之前。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部