Simulación
de cambio de hojas de estilo con CSS
Esta idea
sólo pretende mostrar algunas de las
cosas que se pueden hacer usando sólo hojas de estilo CSS.
En este caso lo
que se está utilizando son tres
capas que contienen todo el cuadro principal repetido, con dos de las
capas siempre ocultas. El truco se basa en mostrar cada una de las
capas ocultas al pulsar el enlace, que al tener una posición
absoluta, se colocará sobre la que esté visible
en ese momento.
¿Y
cómo se hace para que se fijen esas
capas? Usando la pseudo clase focus en el caso de
Firefox, y la pseudo clase active en el caso de
Internet Explorer.