漸變效果只能渲染乙個屏,超過乙個屏重新渲染的問題

2021-10-07 02:08:38 字數 636 閱讀 1811

background: linear-gradient( #404a59,#0f1319);

css背景色可以設定漸變樣式,但是這個漸變色只能渲染一屏的大小,超出一屏後會再次渲染 比如下圖

上面這個圖是開啟頁面之後剛好是渲染了一屏的漸變色,但是,當把頁面往下拉之後

頁面因為超出一屏之後再次渲染了顏色 !

解決方法 在body內包乙個div,這個div包含所有內容結構,並新增漸變屬性,我給body也加了乙個深色背景,因為開發中總會有一些意外導致多屏的漸變渲染(最好不要出現這種情況-_-!)

**是這樣的

總結:

1.漸變色屬性不要加給body

2.body內最好包乙個父級的div,給這個div加上漸變屬性即可,

3.有時候會出現結構不是很清晰的情況,比如浮動,position等影響結構的屬性導致頁面出現兩屏或多屏的漸變色渲染,最好給body加上乙個深色背景,防止出現色差!

乙個flash loading效果

在公司裡做動畫時候做的乙個loading的效果,可以參考但不要直接用,因為裡面有一些自己的mc不一定合適,而且這裡沒有給出具體的說明文字 shift f2開啟場景面板,在scene1前加乙個場景命名loading 在loading做兩個層,乙個action層,乙個層用來放置loading效果的mc ...

乙個flash loading效果

在公司裡做動畫時候做的乙個loading的效果,可以參考但不要直接用,因為裡面有一些自己的mc不一定合適,而且這裡沒有給出具體的說明文字 shift f2開啟場景面板,在scene1前加乙個場景命名loading 在loading做兩個層,乙個action層,乙個層用來放置loading效果的mc ...

乙個flash loading效果

在公司裡做動畫時候做的乙個loading的效果,可以參考但不要直接用,因為裡面有一些自己的mc不一定合適,而且這裡沒有給出具體的說明文字 shift f2開啟場景面板,在scene1前加乙個場景命名loading 在loading做兩個層,乙個action層,乙個層用來放置loading效果的mc ...