如何在div頂部創建一個不齊的邊緣？

Question

我有這個div，我想創建一個頂部不齊邊。看起來像說，一個撕碎的紙邊。我有一個PNG文件。

我試過使用背景圖像聲明，調整它的y位置來移動它，但問題是，因爲它「走出div」，它不會顯示。

我試過z-index無濟於事。 感謝您的幫助

的CSS

#maininner { 
    background-clip: content-box; 
    background-color: white; 
    background-image: url("/image/wonderlit-tmeplate/paper-ragged-top.png"); 
    background-position: 1px -9px; 
    background-repeat: repeat-x; 
    border-radius: 6px 6px 6px 6px; 
    overflow: visible; 
    position: relative; 
    z-index: 99999; 
} 

圖像： imageshack.us/photo/my-images/191/hufz.jpg

Answer 1

你試過overflow:visible;？