I want to overlay a section background on top of another section background so it serves as a custom divider.
This is the 2nd background picture’s CSS:
`.third-about-bg {
background-image: url(../img/bg/third_about_bg.png);
background-position: center;
background-size: cover;
position: relative;
overflow: hidden;
z-index: 1;`
I’ve attached of what I am trying to achieve and the PNG I cut in Photoshop to serve as divider on top of header background.
-
WHAT I WANT TO ACHIEVE!
-
MY CURRENT INDEX.HTML!
-
THE BACKGROUND I WANT TO OVERLAY THE HEADER BACKGROUND AS DIVIDER
-
THE HEADER BACKGROUND!
Sorry if I sound stupid. I don’t code much.
Literally googled for 2 hours…
New contributor
Adam is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.