背景圖不能顯示

1348448970

2015-11-19

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

關(guān)注問題我要回答

1176

操作

收起

5 回答

李曉健回答被采納 +3 積分
2015-11-21

<!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>

咋就那么難呢？我這圖片的坐標(biāo)位置你不用關(guān)注，因?yàn)槲矣玫氖峭粡垐D，標(biāo)到那個(gè)位置只是為了看的更明顯

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

1348448970 提問者

非常感謝！

2015-11-21 回復(fù) 有任何疑惑可以回復(fù)我~

1348448970 提問者
2015-11-20

看圖片

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

李曉健

a 是行內(nèi)元素，不能直接設(shè)置寬和高的，設(shè)了也沒有，寬和高也都是0，如果需要設(shè)置需要轉(zhuǎn)成塊級(jí)元素或行內(nèi)塊級(jí)元素，也就是把它的 display設(shè)置成 block 或者 inline-block

2015-11-20 回復(fù) 有任何疑惑可以回復(fù)我~

#2

1348448970 提問者回復(fù) 李曉健

寬高刪了，display設(shè)置成 block，也還是不顯示背景圖

2015-11-21 回復(fù) 有任何疑惑可以回復(fù)我~

#3

李曉健回復(fù) 1348448970 提問者

你不設(shè)寬高當(dāng)然看不到了，我是說你之前設(shè)寬高沒用。display設(shè)置成 block后，設(shè)置寬高才有用。

2015-11-21 回復(fù) 有任何疑惑可以回復(fù)我~

查看1條回復(fù)

李曉健
2015-11-20

display: none; ?還顯示什么？

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

1348448970 提問者

刪除了也不能顯示

2015-11-20 回復(fù) 有任何疑惑可以回復(fù)我~

#2

李曉健回復(fù) 1348448970 提問者

確定一下你的圖片路徑?jīng)]有寫錯(cuò)，給一上完整代碼，包括html結(jié)構(gòu)

2015-11-20 回復(fù) 有任何疑惑可以回復(fù)我~

1348448970 提問者
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 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

李曉健
2015-11-19

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

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#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 回復(fù) 有任何疑惑可以回復(fù)我~