当前位置: 首页 > article >正文

微信小程序中实现背景图片完全覆盖显示,可以通过设置CSS样式来实现

wxml页面代码

<view class="beijing"></view>

wxss样式代码

/* pages/beiJing/beiJing.wxss */
.beijing {
  background-image: url("https://www.qipa250.com/qipa.jpg");
  /* 定位:绝对定位 */
  position: absolute;
  /* 上下左右都定位到0 */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* 给它足够低的层次 */
  z-index: -100;
  /* 背景颜色为黑色  */
  background-color: #000;
  /* 背景图片大小:铺满 */
  background-size: cover;
  /* 模糊度 */
  filter: blur(3px)
}


http://www.kler.cn/a/512805.html

相关文章:

  • Spring MVC:HTTP 请求的参数传递2.0
  • 【Python】JSON
  • K8S中Pod控制器之Job控制器
  • 一文玩转生成式AI新星DeepSeek-V3,带你5分钟配置自己的随身AI
  • 【QT】已解决:Qt4.11.0无法使用MSVC编译器问题
  • Python入门:3.Python的输入和输出格式化
  • 【C语言篇】深入探究 C 语言指针:揭开指针变量与地址的神秘面纱
  • 【Elasticsearch】filterQuery过滤查询
  • 计算机网络 (52)秘钥分配
  • 家用路由器:WAN口和LAN口区别?
  • 华为OD机试E卷 --矩阵扩散--24年OD统一考试(Java JS Python C C++)
  • c++解决常见内存泄漏问题——智能指针的使用及其原理
  • 牛客周赛76:JAVA
  • 华为 Ascend 平台 YOLOv5 目标检测推理教程
  • Web 音视频(一)基础知识
  • 模型部署工具01:Docker || 用Docker打包模型 Build Once Run Anywhere
  • AI大模型探索之路-实战篇:智能化IT领域搜索引擎之github网站在线搜索
  • 【深度学习基础】线性神经网络 | softmax回归的从零开始实现
  • 主从复制
  • MySQL下载安装配置(超级超级入门级)