不透明度與標題和內容的影響

-1

有人可以解釋如何創建在本網站上看到的效果，當內容的不透明度變爲朦朧的白色時，您將如何創建效果更接近視口的頂部？我已經瀏覽了代碼，但無法對我自己的效果產生影響。 http://www.sylvainreucherand.fr/不透明度與標題和內容的影響

來源

2017-03-05 Chase Klingel

設置一個div的背景的線性梯度，並改變不透明度。 – 4castle

您可以按如下方式創建效果。如果您有任何問題，請告訴我。

HTML：

<body> 
    <div class="haze-effect"> 
</body>

CSS：

body { 
    position: relative; 
} 

.haze-effect { 
    left: 0; 
    top: 0; 
    position: fixed; 
    height: 300px; 
    width: 100% 

    background: -webkit-linear-gradient(#fff,hsla(0,0%,100%,0)); 
    background: linear-gradient(#fff,hsla(0,0%,100%,0)); 
}

來源

2017-03-05 03:31:19 Aaron

如果有任何元素在您的網頁上應用了z-index，可能需要給div一個更高值的z-index。 – Aaron

亞倫，工作完美！非常感謝。 –

如果你願意，你可以給我答案:) – Aaron

不透明度與標題和內容的影響

回答

相關問題