对background的url的疑问

听不懂为什么要用 . ./

. ./适用于什么情况呢，什么情况下不用 . ./呢

打不死的女小强 2017-07-01

源自：H5+CSS3+JS实现炫酷网页 3-2 header头部LOGO制作

45

收起

7回答

卡布琦诺回答被采纳获得+3积分 2017-07-04 17:07:36

在一般情况下，大家习惯于这样设置图片路径：

background-image:url(logo.jpg);
background-image:url(../logo.jpg);
background-image:url(../images/logo.jpg);

对于第一种情况“url(logo.jpg)”。我们要看此图片是不是与CSS文件在同一目录。对于第二种情况background-image:url(../logo.jpg);，我们要看此图片是不是与html文件在同一目录。第三种情况background-image:url(../images/logo.jpg); 我们要看图片是不是在images文件夹中。希望可以帮到你！

打不死的女小强提问者 #1

非常感谢！

2017-07-04 20:32:29

怎么都被占用了呢 2017-07-04 11:32:11

按照上一个助教老师给出的图片，如果想要在index.html中引入图片，就不用返回上一级了，在当前文件夹img下拿就可以了，所以是./img/1.jpg

提问者打不死的女小强 #1

你这样说我更不懂咯

2017-07-04 12:11:15

提问者打不死的女小强 2017-07-04 00:14:10

？？？那假如我在index.html要拿1.jpg呢，那也是要 . ./返回上一级吗？如果我是在demo.js拿那也要？

提问者打不死的女小强 2017-07-01 23:51:16

那假如我在index.html要拿1.jpg呢，那也是要 . ./返回上一级吗？如果我是在demo.js拿那也要？

洋葱宝宝 2017-07-01 23:42:09

../就是返回上一级目录,就拿助教老师这图来说,你在demo.css里要拿1.jpg你要这么写,url('../img/1.jpg').

因为你目前所在目录是css/demo.css是就是先返回上一级目录与img平级,然后才能进入img拿到1.jpg

提问者打不死的女小强 2017-07-01 21:22:33

不懂，能不能解释下

卡布琦诺 2017-07-01 21:16:36

这种情况下需要使用../

相似问题

关于background

background: url("mooc.png") ;

请问能解释一个网址和url的区别吗？

为什么这个URL一直匹配错误

关于这节课的一点疑问

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

HTML5与CSS3实现动态网页 2018

参与学习 1887 人
提交作业 4643 份
解答问题 5760 个

有HTML和CSS基础，却不知道如何进阶？本路径带你通过系统学习，完成从“会做网页”到“做出好的动态网页”的蜕变，迈出成为前端工程师的第一步。

本课精华内容

问答作业

请忽略此问答

26 33

公式书写。。

31 19

3-8编程练习哪有问题

47 17

全局变量与函数内的全局变量

119 15

编程练习4-4的问题

111 15

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载