HTML / CSS：加载时避免图像下的黑色背景

Question

这是我的CSS：

body {
color: #ffffff;
background-color: #8f8f8f;

background: url(images/noise_int.png) repeat center; /* fallback */
...
background: radial-gradient(rgba(0, 0, 0, .3) 10%, rgba(0, 0, 0, .8) 90%), url(images/noise_int.png) repeat center, #8f8f8f; /* W3C */
height: auto;
background-size: auto; 
}

（我确实删除了所有浏览器的多余背景线。）现在我相信背景颜色首先设置为灰色调。然后它被告知是一个透明的渐变，在图像的顶部，在灰色色调的顶部。我认为这意味着当图像加载到它下面时会出现灰色调，但事实并非如此。当图像加载到下方时，它是黑色的。当图像是渐进式和隔行扫描时会发生这种情况。有没有办法防止这种行为？

Answer 1

background: #000000 url(images/noise_int.png) repeat center;