Tecnología

Inicio

Cómo superposición DIV

Hay una serie de razones por las que es posible que desee superponer un contenedor DIV en la parte superior de otros contenidos en su página web. Es posible que tenga un mensaje que desea mostrar a todos los usuarios la primera vez que visitan su sitio web. Es posible que desea que sus usuarios puedan obtener más información acerca de un tema sin tener que salir de la página están. Cualquiera que sea el caso, a través del uso de algunos estilos básicos de HTML, la superposición de contenedores DIV es una tarea sencilla.

Instrucciones

1 En su editor de texto preferido, abra la página Web con el contenedor DIV que desea convertir en una superposición.

2 Mover el cursor a la etiqueta del contenedor DIV.

3 Agregue el código siguiente a la etiqueta del contenedor DIV:

style = "position: fixed; izquierda: XXXpx; arriba: XXXpx; z-index: 100"

Ajuste las dos instancias de "XXX" al número de píxeles desde la izquierda y la parte superior de la ventana del navegador que desea colocar la esquina superior izquierda de su contenedor DIV. El "z-index" propiedad define el orden de apilamiento de elementos específicos en su página Web, por lo que asegúrese de que el contenedor DIV tiene el valor z-index más alto de cualquier elemento de la página.

4 Guardar y publicar su página Web. Visualizarla, y ajustar sus posiciones superior e izquierdo en consecuencia. Si es necesario, asignar otros estilos CSS para darle el aspecto deseado.


Artículos relacionados