CSS/XHTML - overlay.png 在此模板中的作用是什么？

Question

overlay.png 确实让我的背景更亮了。但我不想删除它，除非我了解这个 png 的作用。你们有线索吗？

此处使用overlay.png：



     #intro {
      background: url('images/overlay.png'), url('../images/intro.jpg');
      background-size: 256px 256px cover;
      background-attachment: fixed, fixed;
      background-position: top left, top center;
      background-repeat: repeat, no-repeat;
      color: #c2b090;
     }

.image:before 
{
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url('images/overlay.png');
}

Answer 1

它使您的背景图像更亮。 overlay.png 是覆盖 intro.jpg 的部分透明的蓝色图形。它被设置为主要部分标签的第一个背景图像。如果删除它，您的大图像不会被洗掉，但会导致 HTTP 请求失败，因为您的 CSS 仍在引用它。如果你想删除图片，你应该尽可能在你的 style.css 文件中删除对它的引用。

CSS/XHTML - overlay.png 在此模板中的作用是什么？

CSS/XHTML - what does the overlay.png do in this template?

css

xhtml

templates