css - 带波形的全 Angular 背景？

有人可以告诉我处理全角背景的最佳方法是什么？

我想创建这样的东西：



我尝试使用:after选择器，但它无法按照我想要的方式工作。

.bg {
    background: #000;
}

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

JSFiddle

最佳答案

首先，您必须给出body, html{margin:0;padding:0}并给出一些position和一些width:100%。请参见DEMO。

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%;
}

关于css - 带波形的全 Angular 背景？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25464473/