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

在uniapp中使用背景渐变色与背景图不生效问题

list上有文字详情以及背景图,从背景可以看出是渐变色和 背景图片的结合。

因为使用到渐变色,所以要结合 background-blend-mode 属性来实现与背景图片叠加显示,否则只通过 background: linear-gradient(); background-image: url(); 设置不会生效,这样只能显示图片。

 background-repeat: no-repeat;background-size: contain;background-image: linear-gradient(180deg, #02AE81 0%, #01764A 100%),url('../../static/xxxx.png');background-position: right bottom;background-blend-mode: color-burn;

如果背景色不是渐变色,可以直接使用background-color: ; background-image: url();

background-blend-mode 属性定义了元素背景层的混合模式(background-image图片与background-color颜色)。
 

http://www.lryc.cn/news/268354.html

相关文章:

  • Java中XML的解析
  • React快速入门之交互性
  • 浅谈WPF之ToolTip工具提示
  • Android Studio 如何隐藏默认标题栏
  • 对于c++的总结与思考
  • Flask 账号详情展示
  • 软件测试/测试开发丨Pytest 参数化用例
  • MATLAB中./和/,.*和*,.^和^的区别
  • Flask 与微信小程序对接
  • node.js express框架开发入门教程
  • Spring系列学习二、Spring框架的环境配置
  • 基于飞浆OCR的文本框box及坐标中心点检测JSON格式保存文本
  • ubuntu 安装docker GPG error缺少公钥解决方法
  • Laravel的知识点
  • STM32 基础知识(探索者开发板)--103讲 通用定时器
  • mysqld_exporter使用
  • Java 解决远程调用 ssl 证书认证问题
  • kubernetes(k8s) Yaml 文件详解
  • 手拉手后端Springboot整合JWT
  • 小狐狸GPT付费2.4.9 去除授权弹窗版
  • Scrapy爬虫中合理使用time.sleep和Request
  • 在Spring Cloud中使用Ribbon完成一个简单的负载均衡demo
  • mysql-5.6.16的内存泄漏问题
  • 相机内参标定理论篇------相机模型选择
  • java设计模式学习之【状态模式】
  • 使用aspose.Words更新表格列宽
  • pycharm 工具栏不见了
  • 图灵日记之java奇妙历险记--类和对象
  • Kotlin 枚举类
  • 可运营的Leadshop开源商城小程序源码 +H5公众号+带视频教程