背景:CSS中的url无法正常工作

时间:2013-08-02 19:20:10

标签: 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 #31b8ea; 
   }

通过../images我认为保存在文件夹中的图像被认为是上升到2级并进入我的css文件夹,所以我不明白为什么我的图像没有显示:(

4 个答案:

答案 0 :(得分:5)

您的CSS背景声明无效:

top top应为toptop left或其他valid combination of positions

尝试:

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

答案 1 :(得分:2)

需要 应该将背景颜色放在第一位。

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

先生。杀手给了你正确答案。

答案 2 :(得分:0)

要达到2个级别,请执行此操作

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

答案 3 :(得分:0)

这会奏效。你可以看到小提琴here

body { background: url(../../img/image.jpg) no-repeat center center; background-size: cover;}

这也会让你上升两个级别......