身体覆盖物：背景图片后：线性渐变

Question

我的背景看起来像是用线性渐变创建的记事本网格。 最重要的是，我想添加一个带有.png的叠加层，使其具有嘈杂的/尘土飞扬的效果，并消除背景颜色的平坦度。

我的代码现在看起来像这样，但是它没有添加：after

的覆盖

body{
background: #DDDAD5;
background-image:
linear-gradient(90deg, rgba(85,85,85,1.0) 2px, transparent 1px),
linear-gradient(0deg, rgba(85,85,85,1.0) 2px, transparent 1px);
background-size: 40px 40px;
}

body:after{
    background-image: url("https://clipart4biz.com/images/overlay-transparent-dust-particle-6.png");
    background-size: cover;

}

不确定代码中出了什么问题，但是不幸的是，.png并没有作为覆盖显示-实际上，它根本没有显示！ 此时应该做什么？

非常感谢:)