Question

我一直在尝试将视差效果与像素化效果相结合，但是当涉及到Internet Explorer或Edge时，我会陷入困境。它似乎在Chrome，Safari，Firefox中运行得很好（尽管当你第一次滚动时有一些白色闪烁，因为它正在加载图像）。对于我正在使用的IE：-ms-interpolation-mode: nearest-neighbor;但它似乎没有被怀疑。

其中一张图片的小CSS摘录：

.img {    
    background: url("http://res.cloudinary.com/dpfl0tbnd/image/upload/c_scale,w_288/v1527548461/90_nxgocj.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 400px;
    -ms-interpolation-mode: nearest-neighbor; 
    image-rendering: -webkit-optimize-contrast; 
    image-rendering: -webkit-crisp-edges; 
    image-rendering: -moz-crisp-edges; 
    image-rendering: pixelated; 
}

这是一个链接（“https://codepen.io/Bandi017/pen/yEBQYB”）;

欢迎任何改进：）

img pixelate对滚动IE选项的影响

0 个答案: