Question

我最近创建了一个网站http://artemismoonlight.org。我知识有限，但足以让我过去。我使用CSS来模糊背景。这是我使用的代码。

这在体内： <div class="background-image"></div>

这在CSS

中

.background-image {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1;

    display: block;
    background-image: url('../assets/fcHouse2.png');
    width: 100%;
    height: 100%;
    background-size: 100% 100%;


    -webkit-filter: blur(5px);
    -moz-filter: blur(3px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(3px);
}

当您最初访问该页面时，背景可能需要一两秒才能加载，但在更改页面或刷新时，背景图像可能会消失并显示：http://puu.sh/mbH7d/fa4ac147d8.jpg

这种情况并非100％发生，但我仍然发现它让我想知道其他人是否会遇到这个问题。

有问题的图片只有261KB，我在Mozilla上遇到了这个问题。

Answer 1

在Chrome和Firefox中，它对我来说都很好。确保清除缓存或使用隐身功能确保您的css正在更新。

背景CSS图像消失。在浏览器关闭之前不会重新出现

1 个答案: