html - 列数 : auto CSS makes images disappear after 1 column

Question

我目前正尝试使用以下代码创建一个响应式模型，它在移动布局中作为单列看起来不错，但一旦它达到足够大的分辨率以容纳 2 或 3 列，图像和按钮除非它们仍在第一列，否则右上角会消失。任何帮助将不胜感激。我这里有一个 fiddle :http://jsfiddle.net/d6rs4abw/1/

这是我正在与之抗争的主要区域，但我可能在其他影响我整体 css 的地方出错了

预先感谢您提供的任何帮助，这是我做过的第一个布局之一，所以请放轻松

  ul#products {
margin:1em 0;
padding-left:1em;
-webkit-column-count:auto;
-webkit-column-gap:2.5em;
-webkit-column-width: 310px;
}

Answer 1

查看动画属性，例如 -webkit-backface-visibility: hidden; 设置为 .flip 和 face: looks就像这个属性会导致隐形。