html - I want my button to have a fixed-cover background different than the background of the page -

i have following webpage: http://jsfiddle.net/leytgm3l/16/

and can see, have css code describing button:

.learn-btn, .download-btn {     display: inline-block;     padding: 18px 46px;     border: 2px solid #fff;     border-radius: 3px;     color: #fff;     font-size: 16px; } 

thanks - it's transparent. want have same background div above:

#black{     background: url('http://www.geeknaut.com/images/windows-wallpapers/cool-windows-7-wallpapers.jpg') no-repeat center center fixed;       background-size: cover; } 

and not background of webpage:

.hero4{ background:url('http://i.imgur.com/d2atnw8.jpg') no-repeat center center; } 

how can make it, button not has background of div above, background fixed , covered?

i added image ground of button http://jsfiddle.net/leytgm3l/17/ this:

#black{     background: url('http://www.geeknaut.com/images/windows-wallpapers/cool-windows-7-wallpapers.jpg') no-repeat center center fixed;       background-size: cover; }