微信小程序背景图设置不生效的问题
技术栈： unIAPP + uview 组件库
开发微信小程序时候发现设置背景图片不生效 ，查资料得知，背景图需要使用网络地址或者base64格式
解决方法如下
思路 使用定位实现
父盒子使用相对定位
子元素使用绝对定位
子元素z-index 设置为-1
<view class="class_box"><image class="bgImg" src="../../static/other/PNG/商品基础信息栏@2x.png" mode=""></image><view class="class_item"></view></view>
<style>.class_box {position: relative;width: 700rpx;height: 260rpx;.bgImg {position: absolute;z-index: -1;width: 700rpx;height: 260rpx;}}
</style>微信小程序背景图设置不生效的问题相关推荐
- 微信小程序背景图真机显示不了
微信小程序在本地开发工具正常显示图片(包括背景图),在真机显示不了,常见的几种情况: 1.微信小程序背景图真机显示不了 微信小程序如何设置背景图片? | 微信开放社区 微信小程序设置背景图片不显示问题 ...
- 微信小程序背景图虚化
微信小程序背景图虚化 filter: blur(10rpx);
- 微信小程序背景图片设置和图片自适应宽高
微信小程序背景图片设置和图片自适应宽高 我们在开发过程中经常需要对一些元素设置图片为背景图片. 网络图片: .ServiceCenter{width: 100vw;height: 40vw;margi ...
- 关于微信小程序背景图片设置
微信小程序在 .wxss文件中不允许设置background-image :url('/img/bg.png');解决方法有如下两种 一:在 .wxss文件中设置背景图片时使用base64 网址:ht ...
- 小程序背景图设置_店推带您了解小程序取名技巧及相关设置规则
没有人有第二次机会给人留下第一印象,所以,小程序的取名也是至关重要, 下面由店推带您了解小程序取名的技巧及相关设置规则. 小程序的入口众多,搜索框是用户最常用的,用户按需求搜索小程序时,可以通过名称的 ...
- uniapp之微信小程序背景图的显示问题
文章目录 前言 一.在scss样式设置 二.将base64图片作为参数使用 三.背景图样式的切换 总结 前言 首先要说明,使用HBuilder工具开发的时候,在微信开发者工具调试的时候,我们使用本地图 ...
- 【微信小程序】background-image设置背景图片
微信小程序通过background-image设置背景:只支持线上图片和base64图片,不支持本地图片: base64图片设置步骤如下:1.在转base64工具(自己百度下base64编码转换工具) ...
- 微信小程序背景图片完全覆盖显示
微信小程序中,背景图片全屏 在微信小程序中需要设置背景图片全屏,这里用到css的知识我们可以: page { overflow:hidden; position:fixed; background-i ...
- 微信小程序网络请求 - 设置合法域名
微信小程序设置网络请求 官方文档 为什么要设置合法域名呢 ? 每个微信小程序需要事先设置通讯域名,小程序只可以跟指定的域名进行网络通信.包括普通 HTTPS 请求(wx.request).上传文件(w ...
最新文章
- 如何理解HTTP协议是无状态的
- centos6.4 安装 mysql_CentOS6.4 安装MySQL
- 整车物流系统源代码_整车物流AGV智能搬运机器人一阶段实地测试顺利完成
- 第15课：基于 CRF 的中文命名实体识别模型实现
- 详解vmware安装
- “反催收”渐成黑灰产业 专家呼吁协同治理“债闹”黑灰产
- php mysql json 转义字符_PHP转义Json里的特殊字符的函数
- 汇编试验四：[bx] 和 loop 的使用
- docker搭建php环境
- 手机连Fiddler后，仍然不能上网的解决办法
- AppCompatActivity设置透明主题
- Redis(五)Redis内存维护方案（过期策略及淘汰策略）
- Windows添加网络位置向导（即我的电脑中添加网络盘符）
- 为什么要劝退分子科学与工程？
- scratch做出按键控制屏幕滚动效果
- 浅谈雷达在气象领域的基本应用
- Java中多态、重写方法、instanceof运算符、重写equals的相关案例
- CannotGetJdbcConnectionException: Could not get JDBC Connection；SQLNestedException:create JDBC drive
- MaxKey单点登录认证系统v3.5.2GA发布
- 聊聊Harmony OS