是否可以將圖像添加到標題背景圖像下的背景？

我想添加一個不透明度設置爲不透明度的背景圖片：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; 
}

上述類被設置到主分區概述的代碼的整個截面。本節標籤具有同樣的效果......

謝謝

來源

2017-08-31 Scott Wisniewski

發表您的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>

來源

2017-08-31 20:34:16

是否可以將圖像添加到標題背景圖像下的背景？

回答

相關問題