css - CSS Nav 背景图像未显示

Question

我想在悬停时将图像添加到导航列表，但它不起作用！你能看看我这里有什么
例子

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

因为在这一行背景中： url( http://www.demosphere.com/images/stories/glossy-light-bulb.jpg ) no-repeat center top；

我认为您使用正确的属性是错误的属性是使用背景图像

背景图片：网址（http://www.demosphere.com/images/stories/glossy-light-bulb.jpg）无重复中心顶部；