亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

正在回答

5 回答

<!DOCTYPE?html>
<html>
<head>
????<title>?new?document?</title>
????<meta?charset="UTF-8">
????<style>
????????#btn?{

????????????width:?40px;
????????????height:?40px;
????????????position:?fixed;
????????????right:?65px;
????????????bottom:?10px;
????????????display:?inline-block;
????????????background:?url(http://upload.hj.cn/2015/1104/1446619991843.jpg)?no-repeat?-43px?-79px;
????????}
????????#btn:hover?{
????????????background:?url(http://upload.hj.cn/2015/1104/1446619991843.jpg)?no-repeat?-288px?-39px;
????????}
????????.bg{
????????????width:?1190px;
????????????width:?auto;
????????}
????</style>
</head>
<body>
<a?href=""?id="btn">回到頂部</a>
<div?class="bg"><img?style="width:?100%"?src="http://upload.hj.cn/2015/1104/1446619991843.jpg"?alt=""></div>
</body>
</html>

咋就那么難呢？ 我這圖片的坐標位置你不用關注，因為我用的是同一張圖，標到那個位置只是為了看的更明顯

0 回復 有任何疑惑可以回復我~
#1

1348448970 提問者

非常感謝！
2015-11-21 回復 有任何疑惑可以回復我~

看圖片

564f16b000016a0903240445.jpg

564f16b00001bc4a03040448.jpg


0 回復 有任何疑惑可以回復我~
#1

李曉健

a 是行內元素，不能直接設置寬和高的，設了也沒有，寬和高也都是0，如果需要設置需要轉成塊級元素或行內塊級元素，也就是把它的 display設置成 block 或者 inline-block
2015-11-20 回復 有任何疑惑可以回復我~
#2

1348448970 提問者 回復 李曉健

寬高刪了，display設置成 block，也還是不顯示背景圖
2015-11-21 回復 有任何疑惑可以回復我~
#3

李曉健 回復 1348448970 提問者

你不設寬高當然看不到了，我是說你之前設寬高沒用。display設置成 block后 ，設置寬高才有用。
2015-11-21 回復 有任何疑惑可以回復我~
#4

1348448970 提問者 回復 李曉健

DW里能看見，但在瀏覽器上就看不見了
2015-11-21 回復 有任何疑惑可以回復我~
查看1條回復

display: none; ?還顯示什么？

0 回復 有任何疑惑可以回復我~
#1

1348448970 提問者

刪除了也不能顯示
2015-11-20 回復 有任何疑惑可以回復我~
#2

李曉健 回復 1348448970 提問者

確定一下你的圖片路徑沒有寫錯，給一上完整代碼，包括html結構
2015-11-20 回復 有任何疑惑可以回復我~

#btn {

width: 40px;

height: 40px;

position: fixed;

right: 65px;

bottom: 10px;

display: none;

background: url(img/top_bg.png) no-repeat left top;

}

#btn:hover {

background: url(img/top_bg.png) no-repeat 0 -39px;

}


0 回復 有任何疑惑可以回復我~

給出你的完整代碼 ?別人才能看出你的問題

0 回復 有任何疑惑可以回復我~
#1

1348448970 提問者

#btn { width: 40px; height: 40px; position: fixed; right: 65px; bottom: 10px; display: none; background: url(img/top_bg.png) no-repeat left top; } #btn:hover { background: url(img/top_bg.png) no-repeat 0 -39px; }
2015-11-20 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
回到頂部效果
  • 參與學習       44195    人
  • 解答問題       214    個

回到頂部網站不可缺少的一部分，用JS實現炫酷拉風的回到頂部效果

進入課程

背景圖不能顯示

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號