Hacer que un div flote sobre otro

Question

Tengo dos elementos div en una página. ¿Cómo puedo hacer que un div flote sobre otro como emergente?

Answer 1

Utilice position:absolute; y configure el "emergente" para colocarlo dentro de los límites del otro. El div "popup" también debería ser más pequeño.

Utilice z-index para apilar el "popup" uno encima del otro (le dará un valor más alto para z-index).

Si desea hacer que parezca que el div interno está realmente flotando sobre el otro, cree una sombra con algo como border-right:2px solid black y border-bottom:2px solid black.

Si desea que realmente aparezca/aparezca/desaparezca, necesitará usar algún script.

Answer 2

Entonces uso de la propiedad-índice z de css como esto:

div1 { 
    z-index:1000; 
} 

div2 { 
z-index:1001; 
} 

más alta elemento z-índice será de visualización en la parte superior.

Answer 3

Creo que establecer position en fixed hará que permanezca visible incluso si el usuario se desplaza. Puede establecer la posición usando los atributos "arriba", "izquierda" y "derecha". El uso de CSS para un logotipo "beta", que básicamente hace lo que usted está pidiendo es la siguiente:

.fixed{ 
    position:fixed; 
    top:0px; 
    right:0px; 
    width:100px; 
}