Unidad 17. Ejercicio: 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;
}

4 Guarda los cambios.

 

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