背景图不能显示

1348448970

2015-11-19

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

关注问题我要回答

1157

操作

收起

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>

咋就那么难呢？我这图片的坐标位置你不用关注，因为我用的是同一张图，标到那个位置只是为了看的更明显

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

收起回答

1348448970 提问者

非常感谢！

2015-11-21 回复有任何疑惑可以回复我~

1348448970 提问者
2015-11-20

看图片

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

收起回答

李晓健

a 是行内元素，不能直接设置宽和高的，设了也没有，宽和高也都是0，如果需要设置需要转成块级元素或行内块级元素，也就是把它的 display设置成 block 或者 inline-block

2015-11-20 回复有任何疑惑可以回复我~

1348448970 提问者回复李晓健

宽高删了，display设置成 block，也还是不显示背景图

2015-11-21 回复有任何疑惑可以回复我~

李晓健回复 1348448970 提问者

你不设宽高当然看不到了，我是说你之前设宽高没用。display设置成 block后，设置宽高才有用。

2015-11-21 回复有任何疑惑可以回复我~

查看1条回复

李晓健
2015-11-20

display: none; 还显示什么？

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

收起回答

1348448970 提问者

删除了也不能显示

2015-11-20 回复有任何疑惑可以回复我~

李晓健回复 1348448970 提问者

确定一下你的图片路径没有写错，给一上完整代码，包括html结构

2015-11-20 回复有任何疑惑可以回复我~

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 回复有任何疑惑可以回复我~

收起回答

李晓健
2015-11-19

给出你的完整代码别人才能看出你的问题

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

收起回答

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

提交

取消

回到顶部效果

参与学习 44211 人
解答问题 206 个

回到顶部网站不可缺少的一部分，用JS实现炫酷拉风的回到顶部效果

进入课程

背景图不能显示

我要回答关注问题

热搜

最近搜索清空

背景图不能显示

5 回答

背景图不能显示