背景图片不显示

样式可以显示，但图片出不来，看路径感觉也没什么问题。

属性改成background依旧无法显示

君小七七七 2021-10-13

源自：“仿穷游”首页静态项目 1-1 课程简介

10

收起

1回答

好帮手慕久久回答被采纳获得+3积分 2021-10-13 17:27:41

同学你好，background-image属性使用不正确。该属性的属性值，不能设置no-repeat：

建议将no-repeat去掉试试。

另外，需要注意的是，如果背景图的位置坐标设置的不合理，也会看不到想要的图片：

假设这个位置坐标，刚好是active.png这张图上的空白位置，那显示出来的效果就是错的。

祝学习愉快！

君小七七七提问者 #1

确实是这个精灵图片定位的问题，但是，写的值也是按照这个上边写的，还是不显示。
之前的精灵图都是用的这个方法也没什么问题。

2021-10-13 17:42:55
好帮手慕久久回复提问者君小七七七 #2

同学你好，如果测量正确的话，建议将x坐标换成-160px试试：
另外，也可能是测量不准确、有偏差，图制作的不规范造成的。没关系，可以如下这样调整x、y的位置坐标：

2021-10-13 17:57:16
君小七七七提问者回复好帮手慕久久 #3

还是不行图标大到装不下显示也只能显示箭头的一半这是精灵图的问题吗？我还是直接用图片吧

2021-10-13 18:02:19

点开查看后面2条评论

相似问题

背景图片的显示方式

背景图片和背景颜色同时设置时，背景图片会覆盖背景颜色

@sanwuzuhe不懂就问2-3-->背景图片和2D

一个div中加入多个背景图如何控制每个背景图的位置

关于图片做div背景高度自适应问题

登录后可查看更多问答，登录/注册

前端工程师

参与学习人
提交作业 15691 份
解答问题 17891 个

入行前端，是明智的选择！市场需求大，就业前景好，入行门槛低，小白易上手全新升级:技术更新,Vue3.0/TypeScript/React17.x; 技术更全面,从0基础到全栈开发再到大型项目构建

本课精华内容

问答作业

老师,请问vscode有哪些好用的插件推荐一下...

157 1

老师,API具体是指什么呢?

75 1

老师,这两种情况为什么得到的结果不一样?

31 2

没有思路

201 5

老师给点提示。

155 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载