css - 停止填充 DIV 的背景颜色

Question

我有一个带有透明区域的 PNG 图像。它有点像撕破的结账收据，边缘呈锯齿状。它将位于具有白色背景的 div 的底部以模拟收银台收据。我试过如下。

 background: #ffffff url("../images/zigzag.png") bottom right no-repeat; 

但是背景白色填充到图像的边缘

除了创建另一个 div 之外，还有什么方法可以阻止背景颜色出现在图像下方？

Answer 1

添加另一个 div 可能是最干净的解决方案。

但是，如果您的 div 的高度有限，您可以改为使 div 的背景透明并扩展“边缘参差不齐”图像的顶部使用白色像素，直到它足够高以始终为 div 的主要部分提供白色背景。