Currently, I am working on this element
I am trying to insert a background image into the "Click" button, but I am not seeing any results. Here is the HTML and CSS I am using:
.cn-button {
position: absolute;
top: 100%;
left: 50%;
z-index: 11;
margin-top: -2.25em;
margin-left: -3.78em;
padding-top: 0em;
width: 7.5em;
height: 7.5em;
border: none;
border-radius: 50%;
color: #f9d70a;
text-align: center;
font-weight: 700;
font-size: 1.3em;
text-transform: uppercase;
cursor: pointer;
-webkit-backface-visibility: hidden;
background-image:url('/css/clock.jpg');
}
<div class="component">
<!-- Start Nav Structure -->
<button class="cn-button" id="cn-button">Click</button>
<div class="cn-wrapper" id="cn-wrapper">
<ul>
<li><a href="#"><span>07.45 Uhr</span></a></li>
<li><a href="#"><span>07.55 Uhr</span></a></li>
<li><a href="#"><span>08.15 Uhr</span></a></li>
<li><a href="#"><span>08.17 Uhr</span></a></li>
<li><a href="#"><span>10.47 Uhr</span></a></li>
<li><a href="#"><span>13.20Uhr</span></a></li>
<li><a href="#"><span>16.30 Uhr</span></a></li>
</ul>
</div>
<!-- End of Nav Structure -->
</div>