html - Cut off part of element's content -

is possible cut off part of div#outer in shape of div#inner? want achieve this:

if background image show through hole, can use same image background of #inner div , set background-attachment fixed

something

<div id="outer">   <div id="inner">div#inner</div>   div#outer <div>

and

body{background:url('someimage') 0 0 no-repeat;}  #inner{   background:url('someimage') 0 0 no-repeat fixed; }

demo @ http://codepen.io/gpetrioli/pen/gsbbd
(contains javascript move div around, click , drag)

Live