無法更改按鈕背景圖片

Question

其實我是這個元素http://zag-test.nowcommu.myhostpoint.ch/

我需要什麼就工作是添加背景圖片進入「點擊」按鈕。我在嘗試但我看不到結果。這是HTML，然後CSS

<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> 

CSS

.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');} 

Answer 1

背景圖像實際上是可見......其根本辦法巨大...

只需添加background-size: 100%;，你應該看到它:)