Keyshot VR z索引

Question

有人能帮助解决这个问题吗？

我已经在网页中嵌入了一个关键镜头VR ( http://www.keyshot.com/vr/ )剪辑(它在所有浏览器中都工作得很好，所以没问题)，我遇到的问题是，在包含该关键镜头剪辑的div旁边是一个滑出的菜单栏。你可以在这里查看http://pattonnz.businesscatalyst.com/unit#anchor-link-1，问题是在Chrome中，滑出菜单标签被包含Keyshot clip div的div所覆盖，在所有其他浏览器中，滑出标签位于堆栈的顶部；所有影响滑出标签的样式的z索引为1000，所有影响Keyshot剪辑容器的样式的z索引为1。

有谁能解释一下这个吗？我觉得我好像已经用尽了mu的选择。KeyShotVR脚本本身是否有什么我可以调整以使其正确运行的地方？或任何其他解决方案？

预先感谢格兰特

Answer 1

移除iframe上的position:relative;，您就可以开始工作了。由于您不想在iframe中绝对定位元素，因此没有必要这样做。看起来你可以用页边距来控制iframe的位置，但是如果你想用绝对定位来定位iframe，你可以让overviewImg div position:relative;和内部的div或iframe position:absolute;来定义上、左、下或右位置。

顺便说一句，KeyShotVR的用法不错！