Question

我在网站边栏的另一个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>

Answer 1

尝试删除外部ID值前面的＃。

<div id="outer">
  <div class="inner">
    Inner Div
  </div>
</div>

Answer 2

卫生署。父级的父级设置了overflow:hidden，用于剪切元素。无论如何，谢谢你的帮助！

为什么我的3d变换div被剪裁，即使父元素设置为溢出：可见？

2 个答案: