我正试图在渐变的顶部和底部创建一个微妙的波.但是,:: after伪元素出现在主要内容之前而不是之后.目前它显示为:: before,:: after,主要内容,但我希望它显示为:: before,main content,:: after.
这是我的代码:
#gradient {
background: #0068a9;/* For browsers that do not support gradients */
background: -webkit-linear-gradient(rgba(0, 104, 169, 1), rgba(0, 104, 169, .9));/*Safari 5.1-6*/
background: -o-linear-gradient(rgba(0, 104, 169, 1), rgba(0, 104, 169, .9));/*Opera 11.1-12*/
background: -moz-linear-gradient(rgba(0, 104, 169, 1), rgba(0, 104, 169, .9));/*Fx 3.6-15*/
background: linear-gradient(rgba(0, 104, 169, 1), rgba(0, 104, 169, .9));/*Standard*/
width: 100%;
height: 300px;
min-height: 0px;
display: block;
}
#gradient::before,
#gradient::after {
display: block;
content: "";
width: 100%;
height: 75px;
} …