翻转对象插件在网页中无法正常工作

Question

在下面的网页中，前4个对象可以轻松顺畅地翻转，而第2行中的2个有时甚至不会在鼠标悬停在第2行的2个框之间的空白区域时翻转，有什么可能可能出错了。

click

Answer 1

尝试将此css属性与!important：

一起使用

#nav-list-example li div {
  width: 200px;
  height: 300px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0 !important; //<-----this one with !important
}

left: 135px;这导致了这个问题。如上所述修复它。