CSS3对话框的嵌套固定位置元素

Question

我正在尝试使用带有'position：fixed'的CSS来创建一个对话框。当我在chrome中打开'对话框'时，我可以在下拉列表中看到固定元素标记的'对话框'，但它没有以我期望的方式呈现。

Chrome显示对话框已存在且位置正确，但渲染错误。

我期望相对于视口绘制固定元素，无论它们在DOM中的位置如何，并且z-index比所有其他元素都大。我做错了什么？