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

Question

我知道在处理 div 及其背景图像时如何实现这种效果：我只是为我的 div 分配一个背景图像并将其背景附件属性设置为固定。

例子

<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