Hoja 1
Hoja de estilo 1
Motivación
  • Aprender
  • Practicar
  • Investigar
  • Colaborar
  • Descubrir
Noticias

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.

Visita mi nueva web idplus.org
Hoja 2
Hoja de estilo 2
Motivación
  • Aprender
  • Practicar
  • Investigar
  • Colaborar
  • Descubrir
Noticias

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.

Visita mi nueva web idplus.org
Hoja 3
Hoja de estilo 3
Motivación
  • Aprender
  • Practicar
  • Investigar
  • Colaborar
  • Descubrir
Noticias

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.

Visita mi nueva web idplus.org