下面是一個 figma 設計的影像,我正在將其轉換為 ReactJS 頁面,背景由如下漸變組成
background: linear-gradient(180deg, #E5EFFF 0%, rgba(229, 239, 255, 0.262661) 83.7%, rgba(229, 239, 255, 0) 100%);
但是正如您在背景中看到的那樣,頁面右側有另一條白色大線(影像),那么我如何才能將影像單獨與背景合并在一起?感謝反饋

uj5u.com熱心網友回復:
您可以將多個背景應用于元素,就像這樣。
.bg1 {
width: 100%;
height: 400px;
background-image: url(https://www.google.com/images/branding/googlelogo/1x/googlelogo_light_color_272x92dp.png),
linear-gradient(180deg, #E5EFFF 0%, rgba(229, 239, 255, 0.262661) 83.7%, rgba(229, 239, 255, 0) 100%);
background-repeat: no-repeat,
no-repeat;
background-position: top right,
right;
}
<div class="bg1"></div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/471348.html
上一篇:我已經在pubspec中使用正確的影像路徑進行了適當的縮進并且沒有任何拼寫錯誤我的影像仍然沒有加載(我是新來的顫振)
