Поместите изображение на другое изображение

Question

Я работаю с бутстрапом, и мне нужно установить изображение на другое. Вот мои изображения:

<div class="span6" style="text-align: center"> 
    <img alt="" src="img/media/tv/originals.jpg" class="img-thumbnail" /> 
    <img alt="" src="img/media/tv/arrow.jpg" class="img-thumbnail" /> 
    <img alt="" src="img/media/tv/constantine.jpg" class="img-thumbnail" /> 
    <img alt="" src="img/media/tv/house-of-cards.jpg" class="img-thumbnail" /> 
    <img alt="" src="img/media/tv/originals.jpg" class="img-thumbnail" /> 
</div> 

Существует один образ (например, 1.png), что мне нужно быть на всех этих изображениях (как водяной знак), и я не знаю, как это сделать.

Answer 1

Это сообщение было полезно! using SVG or CSS to add a "watermark" or overlay to an image on a web page

HTML код:

<div class='imageholder'> 
    <img src='img/1.png' alt=''> 
    <div class='watermark'>WATERMARK</div> 
</div> 

и CSS:

.imageholder{position:relative;} 
.watermark 
{ 
    position:absolute; 
    bottom:0; 
    background-color:rgba(0,0,0,.4); 
} 

хорошо, я не нуждался в том, что Б.Г. цвета CSS, поэтому удалить его. если у вас нет текста в качестве водяного знака, лучше удалить его!