Just starting out here. I have a web design class where we're required to use a template, but I'm having trouble removing the background color of a div. Interestingly, it seems to work when I remove the header PNG that has a transparent background.
You can find the template at this link: https://drive.google.com/drive/folders/1wkxt_QTN4MyWOBZuZlUrGNaafeLNkCsO?usp=sharing
Any assistance would be greatly appreciated. Thank you!
header {
background-color: transparent;
background: transparent;
}
.header {
background-color: transparent;
background: transparent;
}
.grid-container {
background-color: transparent;
background: transparent;
}
.top-bar{
background-color: transparent;
background: transparent;
}
.top-bar-left{
background-color: transparent;
background: transparent;
}
.top-bar-right{
background-color: transparent;
background: transparent;
}
.menu {
background-color: transparent;
background: transparent;
}
menu {
background-color: transparent;
background: transparent; <header class="grid-container">
<div class="top-bar">
<div class="top-bar-left">
<ul class="menu">
<img src="img/headerimage.png" alt=""/>
</ul>
</div>
<div class="top-bar-right">
<ul class="menu">
<li><a href="gallery.html">Gallery</a></li>
<li><a href="about.html">About</a></li>
<li><a href="resources.html">Resources</a></li>
</ul>
</div>
</div>
</header>