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

Question

我在网站侧边栏的另一个 div 中有一个 div。我对内部 div 应用了变换。内部 div 按预期进行转换。然而，内部 div 并没有伸出外部 div，而是看起来像父 divoverflow: 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设置，剪辑元素。无论如何感谢您的帮助！