html - 如何在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;吗？