Выделение активной панели в CSS без JavaScript

Question

Я строю что-то подобное на это - http://www.impressivewebs.com/demo-files/content-switcher/content-switcher.html.

Я задавался вопросом, имел ли у кого-нибудь какие-либо идеи относительно того, как я могу показать текущую панель в навигации без использования JavaScript - Pure CSS.

Я довольно доверен, это невозможно, но я думал, что все равно спросил.

Просто для уточнения...
Вы заметите, что когда вы нажимаете ссылку на этой странице - http://www.impressivewebs.com/demo-files/content-switcher/content-switcher-javascript.html. Ссылка, которую вы только что нажали на основные моменты Чтобы сообщить пользователю, на которой они смотрят. Это то, что я хочу сделать в CSS.

Answer 1

Возможно, верьте этому или нет, это просто очень сложно. Это должно начать: http://thinkvitamin.com/design/css/how-to-create-a-valid-non-javascript-lightbox/ Ключевой бит захвачен в этой цитате:

Я уверен, что вы все знаете об связывании с элементом на одной и той же странице с использованием атрибута ID и как он работает. Тем не менее, вы, возможно, не знаете, что связывание с элементом, спрятанным со страницей, приводит к тому, что элемент будет «вытащен», в отличие от окна, прыгающего вниз до этого элемента.

Таким образом, в основном вы поставили все ваши слайды, а затем пронумерованные ссылки используют анкеры, чтобы привлечь их в поле зрения. Ваш корпус использования должен быть немного проще, чем у которой она делает, так как вам не нужно тускнеть остальную часть страницы.

Answer 2

То, что вам нужно сделать, это поставить то, что вам нужно скользить внутри контейнера с фиксированным размером и «переполнением», установленным для скрытого. Затем, внутри этого контейнера вы поместите ваше «скользящее» содержимое в списке анкерных элементов с «дисплеем», установленным на блокировку и размер одинакового из контейнера. Если из ссылки на странице вы называете один из якорей в списке, элемент с именем корреспондентского якора будет автоматически отображаться .. Просто как это.