回到頂部圖片沒有出來
為什么我回到頂部的圖片放到調(diào)用的css里面沒有出來，但是邊框顏色什么的就可以出來。然后把樣式直接放到html中，圖片就可以出來。是什么原因?。看a如下：
<!doctype html/>
<html>
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="css/srcoll-to-top.css"/>
<title>javascript實現(xiàn)回到頂部</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>
<!-- 這里href要是為空，那么點擊按鈕時是默認直接回到頂部的，這里是為了阻止瀏覽器默認行為。-->
<div class="box">
<img src="images/tb_bg.jpg" alt="" />
</div>
</body>
</html>
2016-12-14
注意下你css跟圖片的路徑是跟直接在html直接引用圖片的路徑是不一樣的，你在外部css里就要用url("../images/top_bg.png")，需要先跳回上級目錄，如果在html里寫內(nèi)部css就可以用url("images/top_bg.png")，不用先跳回上級目錄，我看你的css是放在css目錄下，圖片是放在images目錄下，html文件在根目錄。圖片沒有顯示出來應該是這個原因，你可以試下。
2016-12-14
圖片是對的，因為css放到html里面直接引用是可以出來的。瀏覽器窗口太小是啥意思？那這個怎么設置?。磕芫唧w說明一下嗎？
2016-12-14
看下你圖片的位置是否正確。或者瀏覽器窗口的大小是否太小的原因。