CSS / XHTML - overlay.png在这个模板中做了什么？

Question

http://html5up.net/big-picture

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文件中对它的引用。