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;？

如何在div顶部创建一个参差不齐的边缘？

1 个答案: