Keyshot VR z-index

Question

任何人都可以幫助解決這個問題嗎？

我已經在網頁中嵌入了一個Keyshot VR（http://www.keyshot.com/vr/）剪輯（它在所有瀏覽器中都工作正常，所以沒問題），我遇到的問題是緊鄰包含Keyshot剪輯的div的是滑出菜單欄。您可以在這裏查看http://pattonnz.businesscatalyst.com/unit#anchor-link-1問題是在Chrome中，滑出菜單選項卡被包含Keyshot剪輯div的div覆蓋，在所有其他瀏覽器中，滑出選項卡位於堆棧頂部;影響滑出標籤的所有樣式的z-index爲1000，並且影響Keyshot剪輯容器的所有樣式的z-索引爲1.

任何人都可以對此有所瞭解嗎？我覺得我已經用盡了多種選擇。 KeyShotVR腳本中是否有任何內容可以調整以使其行爲正確？或者其他解決方案？

在此先感謝 格蘭特

Answer 1

卸下的iframe的position:relative;，你會好到哪裏去。既然你不是想把元素完全放在iframe裏面，這是沒有必要的。它看起來像是用邊距來控制iframe的位置，這很好，但是如果你想用絕對定位來定位iframe，你可以使overviewImg div position:relative;和內部div或iframe position:absolute;定義頂部，左邊，底部或正確的位置。

不錯的使用KeyShotVR！