JSFiddle - React, Tailwind, and code Playground

http://stackoverflow.com/questions/16615222/how-to-overlay-embed-bootstrap-button-on-image

by CJ Juarez

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div id="img_container">
    <img src="http://images.clipartpanda.com/pokemon-clip-art-clip-art-pokemon-014810.jpg"/>
   <input type="file" size="60" />
</div>

CSS

#img_container {
    position:relative;
    display:inline-block;
    text-align:center;
    /* background:url('http://jsfiddle.net/img/initializing.png') no-repeat;
    width:186px;
    height:157px;*/
}

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