背景:CSS中的url不工作

背景:CSS中的url不工作,css,Css,我是CSS新手,希望有人能帮助我理解我做错了什么。我试图让图像显示出来,但似乎无论我做什么,它都拒绝显示在我的页面上。有人能给我解释一下我做错了什么吗 图像保存在:Users/NenaH77/assignment/images/sitebg.jpg Css文件保存在以下位置:Users/NenaH77/assignment/Css/style.Css body{ background: url('../images/sitebg.jpg') no-repeat top top #31b

我是CSS新手,希望有人能帮助我理解我做错了什么。我试图让图像显示出来,但似乎无论我做什么,它都拒绝显示在我的页面上。有人能给我解释一下我做错了什么吗

图像保存在:
Users/NenaH77/assignment/images/sitebg.jpg

Css文件保存在以下位置:
Users/NenaH77/assignment/Css/style.Css

body{ 
    background: url('../images/sitebg.jpg') no-repeat top top #31b8ea; 
   }
通过使用
。/images
我认为保存在文件夹中的图像应该上升两个级别并进入我的css文件夹,所以我不明白为什么我的图像没有显示:(

您可能需要先放置背景色

body { background: #31b8ea url('../images/sitebg.jpg') no-repeat top }
斯莱尔先生给了你一个正确的答案。

你可能需要先把背景颜色放在第一位

body { background: #31b8ea url('../images/sitebg.jpg') no-repeat top }

斯莱尔先生给了你正确的答案。

你的CSS背景声明无效:

top-top
应该是
top
top-left
或其他

尝试:


您的CSS背景声明无效:

top-top
应该是
top
top-left
或其他

尝试:


要提升两个级别,请执行此操作

background: url('../../images/sitebg.jpg') no-repeat top top #31b8ea;

要提升两个级别,请执行此操作

background: url('../../images/sitebg.jpg') no-repeat top top #31b8ea;

这会有用的。你可以看到小提琴


这也会把你提升到两个层次…

这会起作用。你可以看到小提琴



这还将使您提高两个级别…

html文件在哪里?@Musa html文件的位置无关紧要-当从CSS文件中引用相对URL时,它是相对于CSS文件的,而不是相对于页面的。您的链接关系正常。您的情况是从另一个角度出发的。用户MrSlayer得到了一点,您的.CSS声明是正确的无效。从这个开始,如果没有修复,请返回。html文件在哪里?@Musa html文件的位置无关紧要-当从CSS文件中引用相对URL时,它是相对于CSS文件的,而不是相对于页面的。您的链接关系正常。您的情况来自另一个方面。用户MrSlayer得到了一点,您的.CSS declaration无效。请从此开始,如果它没有修复,请返回。这不是一个真实的语句。背景颜色不需要放在第一位。颜色不需要放在第一位。【已编辑,现在代码可以了,但重复了…,颜色仍然不需要放在开始处。】问题是
top
声明】好吧,我会被诅咒的。速记属性的顺序通常并不重要,除非在某些情况下,例如
边距
填充
。速记属性的顺序与背景无关。我想知道为什么向上投票。这不是一个真实的陈述。背景颜色不需要放在第一位。颜色不需要首先…[已编辑,现在代码可以了,但重复…,颜色仍然不需要在开始处..问题是
top
声明]好吧,我会被诅咒的。速记属性的顺序通常并不重要,除非在某些情况下,例如
边距
填充
。速记属性的顺序与背景无关。我想知道为什么要向上投票。谢谢大家。我尝试了每个人的建议,但我仍然没有运气:(为什么不尝试向您的live站点发布链接?您可以将这些文件上载到服务器吗?我们很乐意为您提供帮助,但调试此live会容易得多。谢谢大家。我尝试了大家的建议,但仍然不走运:(为什么不试着把链接上传到你的网站?你能把这些文件上传到服务器吗?我们很乐意帮助你,但是调试这个Live会容易得多。我删除了上面的顶部并把它改为Top-Toad,但是没用。考虑把你的背景属性分为长手记法(即代码>背景图像:URL)。('../images/sitebg.jpg');背景重复:无重复;..
)看看你能不能弄清楚到底哪个属性不起作用。知道如何调试问题对学习CSS如何工作或任何新语言来说都有很大的帮助。我删除了上面的顶部并把它改为Top-Toad,但是没有用。考虑把你的背景属性分离成长手符号(即,代码>背景图像:URL)。('../images/sitebg.jpg');背景重复:无重复;..
)看看你是否能准确地找出哪个属性不起作用。知道如何调试问题对于学习CSS的工作原理或任何新语言都会有很大帮助。我的图片也没有想到这一点。我没有意识到我可以提升那么多级别。我必须记住这一点。谢谢你我的图片仍然没有合作我也一样。我不知道我可以升那么多级别。我必须记住这一点。谢谢