爲什麼我的3d轉換的div被剪切，即使父元素被設置爲溢出：可見？

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

Doh。父母的父母擁有overflow:hidden集合，用於剪輯元素。無論如何感謝您的幫助！