Foros del Web - Ver Mensaje Individual

emilio_viguri · #2 (**permalink**) 22/06/2018, 11:20

Bueno ya lo solucione al parecer según yo y por lo que vi afecta el orden de cascada en que se meten por a si decir si meto 3 div el orden de prioridad de div a mostrar disminuye seria
div 1 prioridad 0
div 2 prioridad 1
div 3 prioridad 3

Donde div 3 tiene mas prioridad y se mostraría sobre todo y de hay iria 3.2 etc creo yo are pruebas...

Código HTML:

Ver original<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<link href="archivos/estilo.css" rel="stylesheet" type="text/css">
<meta http-equiv="refresh" content="60">
<style type="text/css">
body{ 
    background:#CCC;
    padding:5px;
    color:#FFF;
}
header, nav, section, footer{
    position:relative;
    background-color: rgba(0,5,2,.9);;
    padding:10px;
    display:block;
    margin:2px;
}
#popup{
    position:absolute;
    top: 50px;
    left:0px;
    right:0px;
    display:inline-block;
    padding:30px;
    text-align:center;
    border: 1px thin #FF0;
}
#popcon{
    display:inline-block;
    background-color:#F00;
    padding:20px;
    border-radius:3px;
}
 
</style>
</head>
 
<body>
    <header>header</header>
    <nav>nav</nav>
    <section>Ver mas información  section</section>
    <footer>footer</footer>
    <div id="popup">
     <div id="popcon">Hola PopUp</div>
</div>
</body>
</html>