背景图像渲染导致高清背景模糊

Question

转到Safari中的http://willhay.io以获取此问题的最佳示例，我似乎无法解决。更改浏览器的大小，背景图像将显着模糊。我知道它与浏览器呈现图像的方式有关，我尝试使用图像渲染：清晰的边缘;

body {
    background-image: url("../img/background.jpg");
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size:cover;
    background-position:center-top;
    background-position-x: 50%;
    background-position-y: 0%;
    -webkit-animation: zoomin 5s 1;
    image-rendering:crisp-edges;
    image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
}

但它仍然模糊不清并且质量不高。任何帮助将不胜感激！