Creando marca de agua usando html y css

Investigamos en diferentes espacios y así mostrarte la respuesta a tu problema, si tienes preguntas deja la pregunta y contestaremos sin falta.

Solución:

#watermark

 position:fixed;
 bottom:5px;
 right:5px;
 opacity:0.5;
 z-index:99;
 color:white;

jSFiddle

Para arreglarlo: prueba de esta manera,

jsFiddleLink: http://jsfiddle.net/PERtY/

This is a sample body This is a sample body
    This is a sample body
    This is a sample body
    This is a sample body
    This is a sample body
    This is a sample body
    This is a sample bodyThis is a sample bodyThis is a sample body
    This is a sample body
    This is a sample body
    This is a sample body
    This is a sample body
    This is a sample body
    This is a sample body
    This is a sample body
    v
    This is a sample body
    This is a sample body
    This is a sample body
    This is a sample body
    This is a sample body
    This is a sample body
    

           Sample Watermark
    
    This is a sample body
    This is a sample bodyThis is a sample bodyThis is a sample body




.watermark 
    opacity: 0.5;
    color: BLACK;
    position: fixed;
    top: auto;
    left: 80%;

Para usar absoluto:

.watermark 
    opacity: 0.5;
    color: BLACK;
    position: absolute;
    bottom: 0;
    right: 0;

jsFiddle: http://jsfiddle.net/6YSXC/

puedes utilizar opacity:0.5;//what ever you wish between 0 and 1 para esto.

violín de trabajo

Reseñas y puntuaciones del artículo

Si te sientes suscitado, puedes dejar una reseña acerca de qué te ha impresionado de este artículo.

Utiliza Nuestro Buscador