Как наложить/вставить кнопку загрузки на изображение?

Я искал в Интернете, но не могу найти ответ. Можно ли накладывать или вставлять кнопку начальной загрузки поверх/в изображении? Если да, то как?

У меня есть изображение, на которое я хочу наложить кнопку начальной загрузки, чтобы он выглядел как встроенный в изображение. Я хотел бы, чтобы кнопка имела динамическую метку на ней (например, имя кого-то).

Ответы

Ответ 1

Стано ответил на вопрос для меня!

"... да кнопка может быть расположена над тегом изображения, например, следующим образом: http://jsfiddle.net/ubWuX"

HTML:

<div id="img_container">
    <img src="http://jsfiddle.net/img/initializing.png"/>
    <button class="button"> click here </button>
</div>

CSS

#img_container {
    position:relative;
    display:inline-block;
    text-align:center;
    border:1px solid red;
}

.button {
    position:absolute;
    bottom:10px;
    right:10px;
    width:100px;
    height:30px;
}