CSS導航背景圖片沒有顯示

Question

我想添加一個圖片到懸停的導航列表，但它不工作！ 可以請你看看我這裏有
Example

enter code here 
body{background-color:#2D2D2D;} 
#nav { 
width: 50%; 
float: left; 
margin: 0 0 3em 0; 
padding: 0; 
list-style: none; 
border-bottom: 1px solid #ccc; 
border-top: 1px solid #ccc; 
    } 
    #nav li { 
float: left; 
    } 
    #nav li a { 
display: block; 
padding: 8px 15px; 
text-decoration: none; 
font-weight: bold; 
color: #069; 
border-right: 1px solid #ccc; 
    } 

    #nav li :hover{ 
background: url(http://www.demosphere.com/images/stories/glossy-light-bulb.jpg) no-repeat center top; 
opacity:0; 
    } 

感謝您的時間

Answer 1

，因爲在這一行 背景：網址（http://www.demosphere.com/images/stories/glossy-light-bulb.jpg）不重複中心頂部;

我認爲你是錯的，你使用正確的方法是使用背景圖片

背景圖像屬性：URL（http://www.demosphere.com/images/stories/glossy-light-bulb.jpg）不重複中心頂部;