滚动外部div时保持内部div固定

Question

我知道在处理div及其背景图像时如何实现此效果： 我只是为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上实现相同（视差？）效果怎么办？

Here my JSFiddle