Меркатор, кажется, все правильно, хотя я испытал что-то немного другое. Все элементы моей страницы имеют трехмерное преобразование, и когда мое диалоговое окно Disqus появилось, чтобы войти перед публикацией комментария ... мышь не взаимодействовала с этим слоем (даже при том, что она визуализировалась над преобразованными 3d слоями). Что было интересно, так это то, что диалоговое окно с фиксированной позицией не было потомком контейнеров с 3d-преобразованиями.
У меня была эта разметка:
<body>
<div class="book">
<div class="page">
<div class="front-side">stuff</div>
<div class="back-side">other stuff</div>
</div>
</div>
<div id="disqus-dialog">dialog stuff</div>
С контейнером .book с перспективой и трехмерным преобразованием на элементах .page, .front-side, .back-side. (Я использую dice.js для загрузки моего CSS из json)
'.front-side' : {transitionAll:'400ms', padding_bottom:'150px', position:'absolute', width:'100%', _webkit_backface_visibility: 'hidden', _webkit_transform: 'translate3D(0,0,1px) rotateY(360deg)'},
'.back-side' : {transitionAll:'400ms', padding_bottom:'150px', opacity:'0', position:'absolute', _webkit_transform: 'translate3D(0,0,-1px) rotateY(180deg)', width:'100%', _webkit_backface_visibility: 'hidden'},
Но обратите внимание, у меня есть translate3D (0,0,1px) и translate3D (0,0, -1px), и я не смог взаимодействовать с моим диалоговым окном с фиксированной позицией.
Я изменил стиль translate3D на это:
'translate3D (0,0, -1px) rotateY (360deg)'
'translate3D (0,0, -2px) rotateY (180deg)'
... и вуаля! Мой диалог теперь реагировал на события мыши, но, конечно, теперь я не могу взаимодействовать с 3d-преобразованными элементами ... что дает?
Странный бизнес, но стоит усилий, чтобы это исправить. 3d Transforms рок носки ... мой рабочий сайт можно увидеть здесь с плагином disqus -> highdensitygames.com