1

我是 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

4 回答 4

5

您的 CSS 背景声明无效:

top top应该是toportop left或其他一些有效的位置组合

尝试 :

body { 
    background: url('../images/sitebg.jpg') no-repeat 0 0 #31b8ea scroll; 
}
于 2013-08-02T19:22:52.803 回答
2

需要 可能应该把背景颜色放在第一位。

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

Slayer 先生给了你正确的答案。

于 2013-08-02T19:22:23.180 回答
0

To go up 2 levels do this

background: url('../../images/sitebg.jpg') no-repeat top top #31b8ea;
于 2013-08-02T19:31:17.027 回答
0

这将起作用。你可以在这里看到小提琴。

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

这也将带你上两个层次......

于 2013-08-02T19:37:06.973 回答