Evening everyone, I’m a new programmer and I was having some trouble displaying a (input)searchbar over an image. Despite setting the image to background, the image is still displayed over the searchbar. Here’s what I have right now(for the aforementioned topics.) All help is appreciated.
HTML
CSS
#image {
border:0px solid;
position:relative;
height:200px;
background:url('https://preview.ibb.co/fex0wK/1847p.png') no-repeat top center;
background-size:cover;
}
#Searchbar {
input {
position: absolute;
display: inline-block;
top: 300px;
right: -10px;
-webkit-border-radius: 100px;
-moz-border-radius: 0px;
border-radius: 1px;
border: 5px solid #2d9fd9;
color: #a0d18c;
width: 260px;
height: 40px;
padding-left: 0px;
padding-right: 215px;
height: 40px;
width: 475px;
}
}
I honestly didn’t know what to try, I expected it to work, and unshockingly it didnt 🙂
New contributor
Jayo is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.