Destacando panel activo en CSS sin JavaScript

Question

Estoy construyendo algo similar a esto - http: //www.impressivewebs.com/demo-files/content-switcher/content-switcher.html

Me preguntaba si alguien tenía alguna idea de cómo puedo mostrar el panel actual en la navegación SIN uso de JavaScript - puro CSS

.

Soy bastante confidente que no es posible, pero yo pensé en preguntar de todos modos.

Solo para aclarar ...
Se dará cuenta de que cuando se hace clic en un enlace en esta página - http://www.impressivewebs.com/demo-files/content-switcher/content-switcher-javascript.html el enlace que acaba de hacer clic en los tonos claros para informar al usuario de los cuales Panel que están viendo. Eso es lo que quiero hacer en el CSS.

Answer 1

Es posible, aunque no lo crean, es realmente difícil. Esto debería empezar: http: / /thinkvitamin.com/design/css/how-to-create-a-valid-non-javascript-lightbox/ El paletón es capturada en esta cita:

Estoy seguro de que son conscientes de la vinculación a un elemento en la misma página con el uso del atributo ID y cómo funciona. Sin embargo, no puede haber sabido que la vinculación a un elemento que se oculta de la página hace que el elemento que se ha "tirado" a la vista en contraposición a los saltos ventana a ese elemento.

Así que, básicamente, que había puesto todas sus diapositivas fuera de la página y luego tener los enlaces numerados utilizan anclajes para tirar de los a la vista. Su caso de uso debe ser un poco más sencillo que el que está haciendo, ya que no tiene que atenuar el resto de la página.

Answer 2

Lo que hay que hacer es poner lo que necesita para deslizarse dentro de un recipiente con tamaño fijo y el conjunto de propiedades de "desbordamiento" a escondidas. Luego, dentro de este contenedor, se pone sus contenidos "deslizantes" dentro de una lista de elementos de anclaje con juego de "pantalla" para bloquear y el tamaño del mismo del contenedor. Si, desde un enlace en la página, se llama a uno de los anclajes en la lista, el elemento con el nombre corresponsal de anclaje mostrará automgically arriba .. de simple.