Html 背景图像不'；t使用“中的pic”；img"；文件夹仅在联机url时可用

我在这里面临一个奇怪的问题。我的全屏背景图像与在线图像url完美配合，但当它位于图像文件夹（此处命名为：img）中且必须是

该网站有一个的“img”文件夹，里面有bkg.png图像

我还将图像放在根文件夹中，以防与以下url（bkg.png）一起使用；但它也不起作用。最后，我在flickr上发布了这张图片，它正在发挥作用。但是我需要理解这个问题，并将它放在我的img文件夹中

谢谢你的帮助

科琳

/*放入文件夹：root/css/mob\u pss.css*/
* {
保证金：0；
填充；0；
字体系列：“Lato”，无衬线；
字体大小：14px；
}   
*：：之后，*：：之前{
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
/*进入文件夹：root/css/mob_bkg.css*/
html{
/*我试过了*/
/*背景图片：url（css/bkg.png）*/
/*背景图片：url（bkg.png）*/
/*他们没有工作*/
/*但这是有效的*/
背景图片：url(http://wallpaperwarrior.com/wp-content/uploads/2016/09/Wallpaper-14.jpg);
背景位置：中心；
背景重复：无重复；
背景附件：固定；
背景尺寸：封面；
背景剪辑：边框框；
背景色：#4646；
}
@仅介质屏幕和（最大宽度：767px）{
html{
/*我试过以下方法*/
/*背景图片：url（css/bkg.png）*/
/*背景图片：url（bkg.png）*/
/*他们没有工作*/
/*但这是有效的*/
背景图片：vburl(http://wallpaperwarrior.com/wp-content/uploads/2016/09/Wallpaper-14.jpg);
}
}
身体{
背景色：透明；
}

全屏背景

尝试使用单引号

   background-image: url('css/bkg.png');
   background-image: url('bkg.png');

---

检查这些图像的路径是否都正确？

请考虑以下是您的结构

index.html 
css 
-- style.css 
img 
-- pic1.jpg

如果您在

style.css

文件中编写css

所以我会用

style.css

body{
    background: url(../img/pic1.jpg);
}

---

CSS中的

url（）

与CSS文件的位置相关

什么是“工作不完美”？预期的行为是什么？实际的行为是什么？你做了什么来调试它？您是否在浏览器中使用过开发人员工具？您是否检查了控制台上的错误？是否检查了网络选项卡中的错误？键入

背景图像：url（../img/bkg.png）如果您的img文件夹位于css文件夹旁边。只需正确定位您的
img
文件夹。您似乎无法从使用图像的css文件中找到图像。您网站中.css文件和.png文件的完整路径是什么？@Deadpool。。../解决方案非常有效！真令人宽慰。。这会缩短我的代码。。。我正要告诉您，当我将相同的代码块（带有完整路径）放入HTML中的脚本标记中时，它工作了。。但那将是沉重的！（我仍然想知道为什么它不能与我的css中的完整路径一起工作。但是我现在很好。再次感谢。什么？你在开玩笑吗？：）@Pragadeesh我已经尝试了这两种方法，有引号和没有引号，关于路径，它很简单，因为它是我根文件夹中的img文件夹，我把它像url（img/bkg.png）一样放置，还尝试了url（'mg/bkg.png'））呵呵呵呵。。。。一个孩子不经测试就尝试。不要使用单引号。它还能用！@Deadpool和Pragadeesh我真的很想知道什么是错的我的意思是路径对我来说所有的名字都是正确的：img-bkg.png，我这样说：img/bkg.png还有什么可能？尽管很有趣，当我把它放进去的时候，代码片段运行正常，现在你只能看到背景色——虽然它开始工作，但我没有改变它。。。我还把它全部放在一个html文件中（所有css都放在一个样式标签中），效果很好。。。但是我的照片还没有放在我需要的文件夹里。谢谢你…/解决方案非常有效！非常感谢。只要读这个Rahul。。。我只是没有办法将答案标记为已接受！！！它在融合。我甚至在谷歌上找到了一些帖子，但仍然没有通过。。。有趣的是，人们认为他们实施方案的方式应该是显而易见的（不是！）。。。所以事实上，这意味着很多有价值的答案并没有因为这个而被标记为“被接受”（这是一种耻辱，也是没有成效的）。也许你能让我明白？（一旦你知道了，那就是“最终”变得显而易见的时候了……现在我被这个简单的问题绊住了，为了奖励好的答案……啊哈！@CorinneSylvanise要将答案标记为已接受，请单击答案旁边的复选标记，将其从灰色变为已填写。请参阅以获取参考。）