空div和可点击的网址

Question

我有两个网址的背景，一个显示常规状态和悬停状态。 div为空，宽度和高度设置为50px。我添加了填充以查看是否有帮助，但事实并非如此。

<div class="container_12 clearfix">
<div class="grid_12">
<p id="footer-center">
<a href="#top" class="top-btn" id="back-to-top"><div class="hover-btn"></div><!--<img src="images/back-to-top-a.png" class="a">--></a>
</p>
</div> <!-- end grid_4-->
</div> <!-- end container_12 -->


.hover-btn{
display:block;
width:50px;
height:50px;
margin-left:50%;
}

.hover-btn{
background:url(../images/back-to-top-a.png) no-repeat center
center;
}

.hover-btn:hover{
background:url(../images/back-to-top-b.png) no-repeat center center, url(../images/back-to-top-a.png) no-repeat center center;

Answer 1

只需用img标签替换hover-btn div就会显示你的第一张图片，然后是第二张图片。

{{1}}