z-index iframe中的div

Question

我有以下iframe： <iframe id="uploader" src="/fileuploader"></iframe>

当它被加载时，有多个div元素 - 我希望其中一个元素位于iframe的顶部。

<iframe id="uploader" src="/fileuploader">
      [..]
      <div class="modal preview"> <---- I want this to be positioned over iframe
           <div class="modal-body">
                <img src="myimage.jpg" alt="Image">
           </div>
      </div>
      [..]
</iframe>

预览：

看起来这是不可能实现的，因为没有任何作用。

我尝试了什么：

• 在iframe和div上设置z-index
• 玩位置
• 使用iframe透明度

问题：

如何对位于iframe内的元素进行z索引？