图像未显示在移动设备上

Question

我有一个非常奇怪的问题，这显然只发生在移动设备上（或者宽度/高度比普通桌面低的设备，在Chrome视口渲染上进行测试）。页面底部的图像不会显示，但是..

它们出现在某些特定时刻：

• 当图像在视口中时刷新页面时，它们显示正确，
• 当我调整屏幕大小时，图像也会出现，
• 当我在Chrome检查器中更改某些css属性（无论哪一个，我可以更改现有属性，添加另一个属性，或禁用一个属性）时，它们也会出现

预览图片： 这肯定与灰度过滤器没有关联，因为我正在删除该属性并且问题仍然存在。我也试图删除过渡，溢出，但仍然没有帮助。

这里也是.partners--partner

的CSS类

.partners--partner {
    border: 5px solid #f4f4f4;
    font-size: 0;
    height: 144px;
    line-height: 134px;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all 0.3s ease;
    vertical-align: middle;
}

有关结构和代码的更多信息：

http://jsfiddle.net/8kuuyuLp/2/