背景色和背景图片共存,背景图片覆盖色

文章参考

  1. https://bbs.csdn.net/topics/390695803

问题描述

今天公司要做一个大屏展示,背景图片是背景色+透明背景图片合并而成,同事使用的是AI工具制作的图片,同事提供了一个透明的背景图片,然后让我显示最终的效果,按照
我的理解背景图片应该是与背景色不能共存的,查询了相关资料,当背景图片和背景色同时作用的时候,背景图片会覆盖背景色,没有覆盖到的就显示背景色,因此,可以模拟背景图片和背景色合并之后的效果

案例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    .mybg{
        background-image: url("../images/screen/bg.png");
        background-color: #112035;
    }
</style>
<body class="mybg">
</body>
</html>

没有更多推荐了,返回首页

私密
私密原因:
请选择设置私密原因
  • 广告
  • 抄袭
  • 版权
  • 政治
  • 色情
  • 无意义
  • 其他
其他原因:
120
出错啦
系统繁忙,请稍后再试