如何讓這個漸變透明？

我正在使用此代碼在我的菜單後添加一個漸變，以使它們彈出更多。如何讓這個漸變透明？

-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65)));

我需要我的網頁的背景是透明的（這樣我就可以看到它背後的東西）。我如何使用它來保持我的菜單的重點，但做到這一點，我仍然可以看到它背後的內容？

來源

2016-03-03 Travis Tubbs

你應該先用現在的語法測試沒有供應商的前綴，除非你正在運行一箇舊的瀏覽器... –

目前的語法是：

background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65)); 
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65));

EG。

html { 
 
    height: 100%; 
 
    background: lightblue; 
 
} 
 
body { 
 
    margin: 0; 
 
    min-height: 100%; 
 
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65)); 
 
}

你的問題的其餘部分是不是很......啊哈，清晰。

來源

2016-03-03 20:56:06

真棒的例子！我很感激！清除問題的其餘部分基本上是這樣......想象一下你剛剛製作的HTML頁面底部，有白色菜單。這是否允許您用透明替換「lightblue」並查看應用程序後面發生的任何事情？ –

這聽起來像你需要一個*覆蓋* ...但不知道到底是你在做什麼，這很難做進一步的評論。聽起來像是一個新問題。 –

如何讓這個漸變透明？

回答

相關問題