使用CSS漸變背景滾動

-3

Here's the page.滾動的「Pedidos」下面的空間具有漸變背景。我的問題在於，我希望背景在滾動時繼續滾動並重復，但它只是保持不變。我在一個簡單的頁面上進行了實驗，並且它確實滾動，所以爲什麼它不在這裏發生？下面是部分相關的造型：使用CSS漸變背景滾動

.pedidos #list { 
    width: 100%; 
    font-size: 1.3em; 
    margin: 0; 
    padding: 0; 
    overflow-y: overlay; 
    max-height: calc(100vh - 405px - 10px); 
    background-image: repeating-linear-gradient(180deg, #e1e1e1, #e1e1e1 35px, #cdcdcd 35px, #cdcdcd 70px); 
    background-repeat: repeat; 
}

編輯

下面是區域的當前代碼（清單產品只是爲了創造空間展示）：

<ul id="list"> 
    <li style="height: 1000px; background-color: transparent;">a</li> 
</ul>

來源

2017-04-07 fijozico

請提供你想要得到什麼相關的HTML結構，更明確的解釋。 – Justinas

當您滾動時，背景仍然存在。我希望不會發生，即我希望它也滾動。 – fijozico

因此，當您滾動時，您需要將線條留在原地（背景），但要在其上滾動列表項目？ – disinfor

這應該可以解決問題。 Background-attachment:fixed將後臺附件修復到視口。

編輯：爲了使背景滾動與頁面的其餘一起，使用background-attachment:scroll

.pedidos #list { 
    width: 100%; 
    font-size: 1.3em; 
    margin: 0; 
    padding: 0; 
    overflow-y: overlay; 
    max-height: calc(100vh - 405px - 10px); 
    background-image: repeating-linear-gradient(180deg, #e1e1e1, #e1e1e1 35px, #cdcdcd 35px, #cdcdcd 70px); 
    background-repeat: repeat; 
    background-attachment:scroll; 
}

來源

2017-04-07 14:00:58 Tijmen

這不是問題。背景已經修復，我不想發生。我想要背景移動。 – fijozico

我編輯我的答案，使背景移動：使用「滾動」，而不是「固定」 – Tijmen

已經嘗試過，沒有用。 – fijozico

使用CSS漸變背景滾動

回答

相關問題