CSS迷宫如何破解工作？

Question

迷宫位于：http://www.cssplay.co.uk/menu/amazing.html。只是好奇这个（以及他在cssplay和elsewhere上的其他演示）是如何工作的 - 核心CSS“诡计”在这里。

Answer 1

似乎可以使用CSS :hover伪类。当您将鼠标悬停在迷宫的不同部分上时，播放器片段将被渲染（对于有效位置），或者游戏结束时会渲染无效位置。

请注意，例如，您可以在迷宫尽头附近开始; CSS实际上并不验证您的移动，只是您当前的位置。

Answer 2

在任何主要浏览器（包括IE9）中打开并使用检查工具查找。提示：这与悬停时的动态行为有关。