Css 带波形的倾斜全宽背景？

有人能告诉我什么是处理全宽角度背景的最佳方法吗

我想创建如下内容：

我尝试使用

：after

选择器，但它没有按我希望的方式工作

.bg {
    background: #000;
}

.bg:after {
    content:"";
    height: 469px;
    background: url("http://i.imgur.com/SqqtkYk.png");
    display: block;
}

---

首先，您必须给出

正文，html{margin:0；padding:0}

，并给出一些

位置

，其中一些

宽度：100%

。请参见

body, html{margin:0; padding:0;}
.bg {
    background: #000;
}

.bg:after {
    content:"";
    height: 469px;
    position:absolute;
    top:0;
    left:0;
    background: url("http://i.imgur.com/SqqtkYk.png");
    display: block;
    width:100%;
}

---

@这个答案对你有帮助吗？是的，这很有效，谢谢。还有什么更好的方法吗？或者使用

“pseudo

元素通过这种方式，您可以提供一些模糊效果，可以使用CSS过滤器，并可以生成半透明图像。因此，它完全符合您的要求，这种方法没有任何问题。您能否接受此答案，以便结束此问题。您的解决方案正在运行，但如果有更好的解决方案，我希望看到它：）。