このhttp://jsfiddle.net/4ESUW/3/の例によると、Z 軸の位置を調整しようとしてtranslateZ()いますが、動作が非常に奇妙です。
preserve-3ddivの位置に影響を与えるため、使用したくありません。これは、さらに相互作用を行うために必要です。
translateZ()誰でもなしで利用する方法のアイデアや手がかりを持っていますpreserve-3d
この例を Chrome バージョン 19.0.1084.56 で実行しています。残念ながら、Firefox でも動作しないようです。
私の意見では、あなたは自分の声明に矛盾しています：翻訳を使用したいが、divの位置に影響を与えたくない???
それにもかかわらずpreserve-3d、プロパティの定義はtransform-style、子要素が独自の 3d 空間に存在するか ( preserve-3d)、または平坦化されて親要素の平面に制限されるか( ) であるため、 なしでは機能しませんtransform-style:flat。デフォルト (継承不可) 値。
したがって、z 軸に関連する変換 (translateZ やrotateX/Y など) を使用する場合は、常に を設定する必要がありますtransform-style:preserve-3d。それ以外の場合、それらは親要素の z 平面にバインドされます。
詳細については、MDN の記事をご覧ください。