Unidad 17. Ejercicio paso a paso: Controles de Posición y visibilidad

Objetivo

Practicar el uso de posición y visibilidad.

Ejercicios

Si no tienes abierto Dreamweaver, ábrelo para realizar el ejercicio.

1 Abre el sitio libreria.

2 Abre el archivo estilolibreria.css.

3 Conforme está ahora, el submenú podría ser tapado por el contenido de la página. Para evitarlo, vamos a aumentar su z-index. Como sólo podemos aplicar este valor e elementos posicionados, le daremos un posicionamiento relativo, pero sin variar su posición:

#menu li:hover ul {

    display: block;



    position: relative;

    z-index: 10;

}

11 Guarda los cambios.

 

Si ves el aspecto de la página en el navegador, debe de haberte quedado como ésta.