是否可以将图像添加到标题背景图像下的背景？

问题描述：

我想添加一个不透明度设置为不透明度的背景图片：0.2;到我的网站的主体。我的标题中已经有一个背景图片，但是在页眉和页脚之间添加一个内容的尝试只会将内容压入页面，并且我的主体内容会被推入页脚区域。是否可以将图像添加到标题背景图像下的背景？

我是新来的，所以任何帮助都会很棒。如果有必要，我愿意在这里发布我的代码。

这是代码我有

.background-img { 
    background-image: url(img/background-scott.png); 
    background-size: cover; 
    background-position: left; 
    opacity: .2; 
    background-repeat: no-repeat; 
    height: 100vh; 
    margin: 0; 
    padding: 0; 
}

上述类被设置到主分区概述的代码的整个截面。本节标签具有同样的效果......

谢谢

发表您的HTML？ –

我现在可以直接发布该网站，但是有太多的代码行要在这里发布。 –

我暂时在网上发布我的网站。该URL是http://www.dsjw71sitedesign.com。我想在模板部分的右侧放置背景图片。在标题下方和页脚上方... –

答

您可以在背景图片添加到身体，或者是你的头的母公司任何容器。

body { 
 
    background-image: url(http://via.placeholder.com/800x400); 
 
    background-size: cover; 
 
    background-position: left; 
 
    opacity: .2; 
 
    background-repeat: no-repeat; 
 
    height: 100vh; 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 

 
header { 
 
    background-image: url(http://lorempixel.com/400/200/); 
 
    background-size: cover; 
 
    height: 30vh; 
 
    width: 100vw; 
 
}

<body> 
 

 
<header></header> 
 

 
</body>

是否可以将图像添加到标题背景图像下的背景？

相关推荐