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

文章参考

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

问题描述

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

案例


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

你可能感兴趣的:(css,css3,sass,less)