CSS:
Código HTML:
#id_etiqueta_informativa{
background: #EEE;
border: 1px solid #CCC;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-khtml-border-radius: 5px;
bottom: 0;
box-shadow: rgba(0,0,0,0.3) 5px 5px 10px;
font: bold 16px 'Arial';
margin: 20px;
opacity: 0;
padding: 20px;
position: absolute;
right: 0;
transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-webkit-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
-ms-transition: all 1.5s ease;
-khtml-transition: all 1.5s ease;
z-index: 0;
}
Javascript
:
Código HTML:
function muestra_div(texto){
document.getElementById('id_etiqueta_informativa').innerHTML = texto;
$("#id_etiqueta_informativa").css({ opacity: 1, "z-index": 999999 });
}