我添加了一個線性漸變來使背景圖片更暗,但是我希望我的紅色陰影部分只是默認的背景色/白色,這里是圖片(https://I . stack . imgur . com/7 rdei . jpg)
我試圖使用高度屬性,并給它一個500像素的高度,但這沒有任何作用。我對編程很陌生,一周前才開始,如果這是一個愚蠢的問題,我很抱歉。
我將背景尺寸設置為1450像素的原因是,如果我不設置尺寸,圖片會放大很多。
body {
background: linear-gradient(rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.80)), url(imgs/satbackgroundp3.png) no-repeat;
background-size: 1450px;
}
這是背景的css
你應該添加一個混合模式,而不是在上面添加黑色的線性漸變。此外,不要設置尺寸(這并不適用于所有設備),而是使用背景-尺寸:封面。 試試這個:
body {
background-image: url("https://i.stack.imgur.com/7rdEi.jpg");
background-color: rgba(0,0,0,0.6);
background-blend-mode: darken;
background-size: cover;
}