微信小程序中怎么实现背景图显示功能

这篇文章将为大家详细讲解有关微信小程序中怎么实现背景图显示功能，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。

成都创新互联坚信：善待客户，将会成为终身客户。我们能坚持多年，是因为我们一直可值得信赖。我们从不忽悠初访客户，我们用心做好本职工作，不忘初心，方得始终。十余年网站建设经验成都创新互联是成都老牌网站营销服务商,为您提供成都做网站、网站设计、外贸营销网站建设、网站设计、H5技术、网站制作、品牌网站建设、小程序制作服务,给众多知名企业提供过好品质的建站服务。

界面结构：

wxss样式：

.set-background {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 150px;
}
.set-background-avatar {
  width: 220px;
  height: 150px;
}
.background-content {
  position: absolute;
  z-index: 1;
}
.background-image {
  width: 225px;
  height: 150px;
  opacity: 0.8;
}
.post-specific-image {
  width: 215px;
  height: 150px;
  vertical-align: middle;
}

关于微信小程序中怎么实现背景图显示功能就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。