div を回転させるために -webkit-transform (および -moz-transform / -o-transform) を使用しています。また、位置固定を追加して、div がユーザーと一緒に下にスクロールするようにしました。
Firefox では問題なく動作しますが、Webkit ベースのブラウザでは動作しません。-webkit-transform を使用した後、位置固定が動作しなくなりました。どうしてそうなるのでしょうか?
ベストアンサー1
のCSS Transforms 仕様この動作について説明します。トランスフォームを持つ要素は、固定位置の子孫の包含ブロックとして機能するため、トランスフォームを持つものの下の position:fixed は、固定動作ではなくなります。
これらは同じ要素に適用すると機能します。要素は固定されて配置され、その後変換されます。