如何模糊背景圖像的「重複」部分？

我在尋找是否有辦法模糊重複部分背景圖像，以便如果它是背景定位center比圖像本身的一面模糊？如何模糊背景圖像的「重複」部分？

有一種模糊CSS的東西，但支持是可怕的，這對瀏覽器來說真的很沉重。另一種方法是使用canvas元素來模糊重複部分，但在這種情況下，我建議你只是讓背景始終擴展到容器的大小https://css-tricks.com/perfect-full-page -background-image/ –

如果您要輸入想要模糊的圖像，請輸入圖像的模糊版本。如果您在任何時候都沒有模糊圖像。你也可以通過改變「不透明度」來淡化它。 – Andrew

http://stackoverflow.com/questions/20039765/how-to-apply-a-css-3-blur-filter-to-a-background-image –

如果這只是靜態的，而不是動畫或其他東西，那麼我會簡單地去multiple background images - 一個模糊的版本，得到重複，最重要的是正常的，不重複。（background-position設置爲相同。）

如果您確實需要簡單的事情，則無需涉及jQuery。

2016-05-13 08:21:46 CBroe

回答