写真から、rotate3d() を赤い四角形に使用して、その半分が黒い四角形の前にあり、もう一方が後ろにあるようにします。
黒い四角形を赤い四角形の前にしたいので、 translateZ() を使用する必要があるので、
問題は、黒い四角形をスケーリングせずに前面にしたいことです。黒い四角形を同じサイズのままにしたい。何かトリックはありますか？z-index を試しましたが、うまくいきませんでした。それは私がrotate3d()を使っているからだと思います。
前もって感謝します。
質問する
1251 次
1 に答える
3
現在、Safari にアクセスしてテストすることはできないので、それはあなたに任せます (動作するかどうか教えてください) が、次の方法で動作するはずです。
この質問への回答で指摘したように、ブラウザの解釈が-webkit-perspective問題のように思われるため、それを削除して置き換え、同じもの ( ) を両方に追加します。これは、このフィドルで行ったことです。#container-webkit-transform: perspective(500)-webkit-transform: perspective(500)#parent#parent2
#container問題は、使用時にSafari がパースペクティブを適用しないの-webkit-perspectiveに対し、Chrome が適用することです。他の質問への回答で説明したように、仕様の解釈の問題のようです。
于 2012-05-20T11:18:01.150 に答える