首页 > 编程语言 >微信小程序border-radius失效问题

微信小程序border-radius失效问题

时间:2023-02-15 11:34:45浏览次数:42  
标签:微信 radius 设置 失效 overflow border hidden

明明设置了border-radius,也设置了overflow:hidden,预览也没事,就是真机不行。

其实就是父级设置圆角属性失效,父元素使用border-radius和overflow:hidden做成圆形,子元素如果使用了transform属性,则父元素的overflow:hidden会失效。

解决方法:

在父级,就是设置了radius属性的class上加上这两条css就可以了

.view {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

 

标签:微信,radius,设置,失效,overflow,border,hidden
From: https://www.cnblogs.com/deajax/p/17122153.html

相关文章

  • 微信小程序icon图标引入
    一、iconfont-阿里巴巴矢量图标库 下载需要的图标1.将想要的图标添加入库并下载代码  二、下载成功后,将得到一个名为"download.zip"的文件,然后解压得到这么一堆文......
  • 微信小程序练习笔记(更新中。。。)
      微信小程序的练习笔记,用来整理思路的,文档持续更新中。。。案例一:实现行的删除和增加操作 test.js//当我们在特定方法中创建对象或者定义变量给与初始值的时......
  • redis georadius源码分析与性能优化
    原文地址:https://blog.fanscore.cn/a/51/背景最近接到一个需求,开发中使用了redisgeoradius命令取附近给定距离内的点。完工后对服务进行压测后发现georadius的性能比......
  • 2023-2-14 微信小程序 <view>组件字体居中 方法
    当我想要编辑一行文本时,第一个想到的方法是:直接在view组件里面打上想要的字,再设置其text-align属性为centertest.wxml<viewclass="test">测试</view>test.wxss.test......
  • 微信小程序发送订阅消息
    要给用户主动推送消息需要以下几步1,开通订阅服务2,选择消息模板保存模板id3,用户同意接收消息4,获取用户code5,利用code和AppID和AppSecret获取openId和access_token6,利......
  • 一分钟实现企业微信机器人接入chatgpt
     1、准备条件注册好企业微信注册好openai,获取到aipkey加我v信,少走好多弯路2、配置服务登录企业微信后台获取到对接的相关参数配置回调地址3、存在的问题ope......
  • 微信接入ChatGPT API 我的微信就是ChatGPT AI人工智能
      目录一、登陆OpenAI官网登录你的账号,获取APIkey二、Wechat-Chatgpt项目三、开始配置服务器修改配置文件这只是一个教学视频,至于大家关心的微信会......
  • 微信小程序使用Base64加密解密
    js文件:varbase64={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode(str){//加密varoutput="";......
  • 微信小程序开发异常:Buffer() is deprecated due to security and usability issues. P
    出现异常场景:将微信开发者工具的调试器从模拟器中分离出来,就会抛出异常  解决方式:将调试器恢复到模拟器中异常解决步骤 界面=》勾选调试器 原因:未知参考至:ht......
  • 短信打开微信小程序
    方法  短信打开小程序  开发者可通过以下3种方式实现短信打开小程序:  通过URLScheme实现  通过服务端接口或在小程序管理后台生成URLSchem......