html - 在渐变之上制作文字

Question

我如何让文本(“欢迎使用 Mane Frame Radio”)高于我在 css 中指定的渐变(超大屏幕:课后)？

剪接:http://bootsnipp.com/user/snippets/l056a

Answer 1

让bg图像像这样:

body {
background-image: url('http://znc.mane-frame.com/static/silverleaf.png');
background-repeat: no-repeat;
background-attachment: fixed;
}

然后使用渐变作为超大屏幕的背景，像这样:

.jumbotron {
display: block;
margin: 0 auto;
position: relative;
background: linear-gradient(to bottom, rgba(255, 26, 2, 0.2) 0%, rgba(127, 13, 1, 1) 100%);
}

现在您不再需要 jumbotron:after。