謝謝閱讀
我正在嘗試在漸變上使用背景影像，但是對于我找到的每個解決方案，我的背景影像最終都是透明的，因此背景影像上的顏色不同。我試圖反轉“url”和“webkit-linear-gradient”，但這不起作用。
這是我想要得到的： 我的目標
這是我的代碼得到的結果： 我得到了什么
如果有幫助，這是我使用的背景圖片：背景圖片
我的代碼：
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Battle Royale de la Culture Générale</title>
<link rel="stylesheet" href="styles.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
</body>
</html>
html {
height: 100%;
background-repeat: no-repeat;
background-image: -webkit-linear-gradient(bottom left, #DA07EA, #FB7018), url("background-bubbles.png");
background-blend-mode: multiply;
background-size: cover;
}
uj5u.com熱心網友回復：
嘗試：
background-blend-mode: saturation;
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/459635.html
標籤：css
上一篇：垂直和水平居中幾個按鈕css