0

ホバー時にナビリストに画像を追加したいのですが、うまくいきません! ここにあるものを見てもらえますか
例

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

御時間ありがとうございます

4

1 に答える 1

0

この行では background: url( http://www.demosphere.com/images/stories/glossy-light-bulb.jpg ) no-repeat center top;

正しいものを使用するというプロパティで間違っていると思いますが、背景画像を使用することです

background-image: url( http://www.demosphere.com/images/stories/glossy-light-bulb.jpg ) no-repeat center top;

于 2013-03-08T20:04:50.637 に答える