css - 外側のdivをスクロールしている間、内側のdivを固定したままにします

Question

divとそのbackground-imageを処理するときに、この効果を実現する方法を知っています。divにbackground-imageを割り当て、そのbackground-attachmentプロパティをfixedに設定するだけです。

例

<div class="container mask">

</div>

.container {height:400px;width:100%;}
.mask {
       position:relative;
       background-image:url(http://goo.gl/YRHZq);
       background-repeat: no-repeat;
       background-attachment:fixed;
      }

グーグルマップIFrameで同じ（視差？）効果を達成したい場合はどうなりますか？

ここに私のJSFiddle