我正在构建与此类似的东西 - 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/关键位在这句话中得到了体现:
I'm sure you are all aware of linking to an an element on the same page with the use of the ID attribute and how it works. However, you may not have known that linking to an element that is hidden off the page causes the element to be "pulled" into view as opposed to the window jumping down to that element.
基本上，您可以将所有幻灯片放在页面外，然后使用 anchor 将编号链接拉到 View 中。您的用例应该比她正在执行的用例简单一些，因为您不必使页面的其余部分变暗。
关于javascript - 在没有 JavaScript 的情况下突出显示 CSS 中的事件面板，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3699264/