Question

a:hover background-img 不显示

#dh a:visited {color:#fff;background-image:url(img/1-2-R.gif) }
<div id="pku_zx"><a href="#"><img src="img/1-2-O.gif" width="70" height="30"></a></div>

1-2-O.GIF

1-2-R.GIF

页面效果：

只在下方显示一部分
正常的应该是这样的：

，求指点
那个不是a：visited，是a：hover，打错了





Answer 1

背景怎么可以遮住内容呢

你应该把1-2-O.gif也设置为背景才对

#dh a{
    background-image:url(img/1-2-O.gif);
    display:inline-block;
    *display:inline;
    *zoom:1;
    width:70px;
    height:30px;
}

追问

两张图片的解决了，谢谢了。如果直接用文字替代1-2-0.gif，要怎么才能达到相同的效果？我试了半天也没搞定

追答

效果：

背景图：

css代码：

#dh a{
    color:#fff;
    background:url(bg.jpg) top;
    display:inline-block;
    *display:inline;
    *zoom:1;
    width:65px;
    padding-left:5px;
    line-height:30px;
    height:30px;
    text-decoration:none;
    font-size:12px;
}
#dh a:hover{
    background-position:bottom;
}

 html代码：

<div id="dh"><a href="#">新闻资讯</a></div>