problema organizar capas

sjkurro · #1 (**permalink**) 18/11/2011, 09:48

Hola, estoy creando el tipico mensaje de bienvendia con un velo que deja vver el fondo, y el problema es q el velo sale correctamente, pero el div q lleva el mensaje se queda por debajo.....pero tocando z-inex no me funciona...¿alguien ve el problema? gracias

Código HTML:

<body id="contact-overlay" class="simplemodal-overlay" style="opacity: 0.5; height:auto; width: 1663px; position: fixed; left: 0px; top: 0px; z-index: 1001;">
	<div id="simplemodal-data" class="messages" style=" 
    background: #87B935;
    border: 1px solid #838383;
    border-radius: 8px 8px 8px 8px;
    color: #000000;
    font-size: 20px;
    height: auto;
    line-height: 30px;
    padding: 3px 10px;
    margin-top: 500px;
    text-align: center;
    top: 0px;
    margin-left: 100px;
    width: 757px;
    z-index: 1001;"   >
	<span class="closeMessages" style=" width: 755px; font-family: Lucida Grande; font-weight: bolder;vertical-align:  middle;"><a href="#">bienvenido</a></span>

	</div>
	</body>

emprear · #2 (**permalink**) 18/11/2011, 12:30

sinceramente no entiendo el problema, en primer lugar simplifiqué tu código

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<div style=" 
    background: #87B935;
    border: 1px solid #838383;
    border-radius: 8px 8px 8px 8px;
    color: #000000;
    font-size: 20px;
    height: auto;
    line-height: 30px;
    padding: 3px 10px;
    margin-top: 500px;
    text-align: center;
    top: 0px;
    margin-left: 100px;
    width: 757px;
    opacity: 0.7;
    font-family: Lucida Grande; font-weight: bolder;vertical-align:  middle;">
    <a href="#">bienvenido</a>
    </div>
    </body> 
</html>

y los dos código, tu original y el mio, muestran lo mismo, la capa con el margin-top 500 y el left en 100 con el texto del link adentro
Los z-index no alteran nada en este caso

Saludos

sjkurro · #3 (**permalink**) 18/11/2011, 13:09

graicas. A ver si me explico....el tema es q el body crea un velo, pero no consigo q el div que esta dentro resalte por encima del velo ¿¿???me explico..:)

emprear · #4 (**permalink**) 18/11/2011, 13:23

A qué llamas velo? a una transparencia, opacity, algo de eso?

SAludos

sjkurro · #5 (**permalink**) 18/11/2011, 13:28

si...gracias

sjkurro · #6 (**permalink**) 18/11/2011, 13:50

resuelto...gracias

emprear · #7 (**permalink**) 18/11/2011, 13:59

bueno seía saber como

sjkurro · #8 (**permalink**) 18/11/2011, 14:05

jejjej..tienes razon...pues he independizado un div del otro...por un lado el velo y por otro el mensaje .)