我是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文件夹,所以我不明白为什么我的图像没有显示:(
答案 0 :(得分:5)
您的CSS背景声明无效:
top top
应为top
或top 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;}
这也会让你上升两个级别......