我有一个页面，您可以从http://dl.dropbox.com/u/16178847/eyewitness/a/b.html查看/下载，但我无法确切知道如何做我想做的事情。我想要的是一张卡片翻转效果，一方面是为了显示/隐藏页眉和页脚而点击的能力。您可能需要一个webkit浏览器才能工作。
我有页眉和页脚显示/隐藏工作：点击照片上的任意位置（或者它包含div）以显示/隐藏页眉/页脚。
我甚至有大部分翻转工作：点击信息图标，然后单击后面的图标/单词。我正在努力的是让图像在翻转时消失，并且让背面（当前位于正面下方）实际上与正面在同一个位置，所以它看起来像卡片翻转。
你会在我的CSS中看到我已经注释掉了两行。它们是我期望必须使用的，但是不起作用。 .face上的第一个使图像和页脚消失，而.photo上的第二个没有做任何事情。我在这里缺少什么？