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

最新推荐文章于 2025-03-11 10:25:24 发布

胖鹅68

最新推荐文章于 2025-03-11 10:25:24 发布

阅读量1.1w

点赞数 1

分类专栏： css 、 css3、sass、less

本文链接：https://blog.csdn.net/hbiao68/article/details/84993292

版权

css 、 css3、sass、less 专栏收录该内容

44 篇文章

订阅专栏

公司要做大屏展示，背景图片为合并而成，同事用AI工具制作并提供透明背景图，要求显示最终效果。博主认为背景图片与背景色不能共存，查询资料后可模拟二者合并效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章参考

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>