html - tag - tooltip div jquery




Hacer un div que cubre toda la página (4)

Aquí hay un gran artículo sobre cómo hacer precisamente eso ...

james.padolsey.com/javascript/get-document-height-cross-browser

Me gustaría hacer un div que cubra toda la página. Puse un estilo CSS con altura: 100% pero esto cubre solo el área visible. Quiero que también cubra el área cuando me desplazo hacia abajo.


No estoy seguro de lo que estás haciendo con este div, pero también puedes darle estilo al elemento.


Use position:fixed esta forma, su div permanecerá en toda el área visible de forma continua.

dele a su div una overlay clases y cree la siguiente regla en su CSS

.overlay{
    opacity:0.8;
    background-color:#ccc;
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:1000;
}

Demostración: http://www.jsfiddle.net/TtL7R/1/


 <style type="text/css">
 html, body {
    margin:0;
    padding:0;
    height:100%; 
 } 
 #test { 
    position:absolute; 
    display:block;
    background:#ccc; 
    height:100%; 
    width:100%;
 }
 </style>




css