如何在 CSS 中添加多个图像？答案

【问题标题】：How to add multiple images in CSS?如何在 CSS 中添加多个图像？
【发布时间】：2017-06-11 20:17:18
【问题描述】：

您好，我是 CSS 新手，目前我在标题中只使用了一张图片，您可以在此处看到：

#header {
    position: relative;
    background-image: url("../../images/header.jpg");
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    color: #fff;
    text-align: center;
    padding: 7.5em 0 2em 0;
    cursor: default;
}

如何在同一个标题中添加更多图像，并仅在同一个标题中添加过渡效果？我不想更改标题的 html 中的命名法，并希望通过 CSS 控制图像

【问题讨论】：

我需要了解这一点，这是我的问题。抱歉，如果不清楚。我使用了javascript，但它不起作用。
全部清除。但遗憾的是这是不可能的。不在单个元素上使用背景。
这可能有用：stackoverflow.com/questions/25799055/…

标签： css header background-image css-transitions transition

【解决方案1】：

您可以使用:after 和:before 叠加另外两个图层，并使用@keyframes 和animation 转换这些图层，最多可构成三个渐变背景，

否则，在不使用额外的子 HTML 的情况下，仅在标题中是不可能的...

【讨论】：