jquery - フリッピング オブジェクト プラグインが Web ページで正しく機能しない

Question

以下の Web ページでは、上位 4 つのオブジェクトがスムーズに反転しますが、2 列目の 2 つのボックスの間の空の領域にマウスを置いたときに、2 列目の 2 つのオブジェクトが反転することさえありません。違う。

クリック

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;これが問題の原因でした。上記の提案に従って修正してください。