改變背景圖像的不透明度

我正在做一個由3個html頁面組成的國家的項目，我決定把國家的國旗圖像作爲每個頁面的背景圖像。改變背景圖像的不透明度

我想改變的背景圖像的不透明度，但每次我嘗試做它改變頁面的所有其他內容的不透明度 - 文本，標題，等等等等

我有這行代碼在我的HTML：

<body background="flag.jpg">

然後在我的CSS我嘗試了各種各樣的東西。我曾試圖給該標籤的「身份證」像標誌，然後嘗試：

#flag { 
     opacity: 0.2; 
}

我也試着只用「背景」，而不是使用「身份證」。

我一直想弄清楚一段時間，不能得到它，任何意見將不勝感激！謝謝。

來源

2017-02-24 Conor

https://css-tricks.com/snippets/css/transparent-background-images/因爲你不能做到這一點的方式你試圖 –

添加與#flag另一ELEMENTI，這將是「背景」，例如

<body> 
    <div id="flag"></div> 
</body>

和風格與標誌

#flag { 
    background-image: url("flag.jpg"); 
    background-position: top center; 
    background-repeat:no-repeat; 
    opacity: 0.2; 
    position:absolute; 
    width:100%; 
    height:100%; 
}

來源

2017-02-24 15:19:58 TriForce

太棒了，非常感謝你！那麼標籤會進入div標籤之間嗎？ – Conor

body是主要的html /網站標籤，你可以對它應用樣式，但是我個人從不接觸身體，我在裏面做了更多的容器......所以主要的父母是身體。如果你將樣式設置爲body（不透明度，寬度，高度，字體樣式等等），則所有內容都將被繼承到 – TriForce

不能使用不透明這樣。

一個解決方案是使用背景漸變是這樣的：

background: linear-gradient(rgba(93, 41, 28, 0.8), rgba(93, 41, 28, 0.8)), url(https://images.pexels.com/photos/31044/pexels-photo-31044.jpg) fixed;

來源

2017-02-24 15:25:13 thevangelist

內的元素，這些元素不是非常有用，因爲你不能設置透明背景顏色......另一件事，如果你對身體設置不透明度，那麼裏面的所有東西都會有這樣的不透明度。 – TriForce

改變背景圖像的不透明度

回答

相關問題