uniapp(微信小程序)background-image无法读取本地图片

最新推荐文章于 2025-07-03 11:18:20 发布

原创最新推荐文章于 2025-07-03 11:18:20 发布 · 506 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序

在这里插入图片描述

解决方案:

<!-- WXML 示例 -->
<view class="container">
  <image class="bg-image" src="/static/local-image.png"></image>
  <!-- 页面内容 -->
  <view class="content">其他元素</view>
</view>

/* WXSS 示例 */
.container {
  position: relative;
  width: 100vw;
  height: 100vh;
}
.bg-image {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.content {
  position: relative;
  z-index: 1;
}