回到顶部图片没有出来

为什么我回到顶部的图片放到调用的css里面没有出来，但是边框颜色什么的就可以出来。然后把样式直接放到html中，图片就可以出来。是什么原因啊？代码如下：

<!doctype html/>
<html>
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="css/srcoll-to-top.css"/>
<title>javascript实现回到顶部</title>

<style type="text/css">

    #btn{
   width:40px;
   height:40px;
   position:fixed;
   left:50%;
   margin-left:600px;
   bottom:30px;
   background:url(images/top_bg.png)no-repeat left top;
    }
    #btn:hover{
   background:url(images/top_bg.png)no-repeat left -40px;
    }

   </style>

</head>
<body>

<a href="javascript:;" id="btn" title="回到顶部"></a>


<div class="box">
<img src="images/tb_bg.jpg" alt="" />
</div>

</body>
</html>

慕粉4363608

2016-12-13

源自：回到顶部效果 3-1

关注问题我要回答

688

操作

收起

3 回答

串猪神
2016-12-14

注意下你css跟图片的路径是跟直接在html直接引用图片的路径是不一样的，你在外部css里就要用url("../images/top_bg.png")，需要先跳回上级目录，如果在html里写内部css就可以用url("images/top_bg.png")，不用先跳回上级目录，我看你的css是放在css目录下，图片是放在images目录下，html文件在根目录。图片没有显示出来应该是这个原因，你可以试下。