Column-Count: auto CSS使图像在1列后消失

Question

我目前只是想用下面的代码创建一个响应式的模型，它看起来像移动布局中的单个列，但一旦它达到了足够大到可以容纳2到3列的分辨率，右上角的图像和按钮就会消失，除非它们仍然在第一列中。任何帮助都将不胜感激。这里我有一把小提琴：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

看看动画属性，例如为.flip和face设置的-webkit-backface-visibility: hidden;：看起来这个属性会导致不可见性。