Web サイトのサイドバー用に別の div 内に div があります。内側の div に変換を適用しました。内側の div は期待どおりに変換されます。ただし、外側の div からはみ出す代わりに、内側の div は、親 div にoverflow: hidden
プロパティが適用されてクリップされているように見えます。何故ですか?
スタイル:
div#outer{
float: left;
width: 200px;
-webkit-perspective: 250px;
overflow: visible;
position: relative;
top: 0;
left: 0;
}
div.inner {
z-index: 1;
-webkit-transform: matrix3d(
0.9109, 0, -0.103279, 0,·
0, 1, 0, 0,·
0.203279, 0, 0.2109, 0,
0, 0, 0, 1);
}
HTML:
<div id="#outer">
<div class="inner">
Inner Div
</div>
</div>