我正在构建类似的东西 - http://www.impressivewebs.com/demo-files/content-switcher/content-switcher.html
我想知道是否有人对如何在不使用 JavaScript（纯 CSS）的情况下在导航中显示当前面板有任何想法。
我相当确信这是不可能的，但我想我还是会问。
只是为了澄清...
您会注意到，当您单击此页面上的链接时 - http://www.impressivewebs.com/demo-files/content-switcher/content-switcher-javascript.html 您刚刚单击的链接在亮点上通知用户他们正在查看哪个面板。这就是我想在 CSS 中做的事情。
这是可能的，信不信由你，这真的很棘手。这应该可以帮助您入门：http ://thinkvitamin.com/design/css/how-to-create-a-valid-non-javascript-lightbox/关键位在此引用中捕获：
我相信你们都知道使用 ID 属性链接到同一页面上的元素以及它是如何工作的。但是，您可能不知道链接到隐藏在页面之外的元素会导致该元素被“拉”到视图中，而不是窗口跳到该元素。
所以基本上，你会把所有的幻灯片放在页面外，然后让编号的链接使用锚点将它们拉到视图中。您的用例应该比她正在做的更简单，因为您不必使页面的其余部分变暗。
您需要做的是将您需要滑动的内容放入固定大小且“溢出”属性设置为隐藏的容器内。然后，在这个容器中，将“可滑动”内容放在锚元素列表中，“显示”设置为与容器相同的块和大小。如果从页面上的链接调用列表中的一个锚点，具有相应锚点名称的元素将自动显示.. 就这么简单。