使用CSS添加背景图像

我想用css添加背景图像，但不起作用。浏览器显示空白页

我的应用程序.css

home-body {
    background-image: url('/home.jpg') no-repeat center center fixed;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;

}

文件home.jpg位于/public/home.jpg目录中

---

如何修复？

请使用此代码。使用背景而不是背景图像，并确保在url（）中插入了正确的图像路径

---

请使用此代码。使用背景而不是背景图像，并确保在url（）中插入了正确的图像路径

---

请使用此代码。使用背景而不是背景图像，并确保在url（）中插入了正确的图像路径

---

请使用此代码。使用背景而不是背景图像，并确保在url（）中插入了正确的图像路径

---

如果您使用的是外部CSS文件。。。确保将图像文件链接到CSS文件。比如说

-ROOT
-css
-file.css
-background.jpg
-index.html

您需要：

background（“../background.jpg”）

因为“.”占用一个目录：）
如果您使用的是外部CSS文件。。。确保将图像文件链接到CSS文件。比如说

-ROOT
-css
-file.css
-background.jpg
-index.html

您需要：

background（“../background.jpg”）

因为“.”占用一个目录：）
如果您使用的是外部CSS文件。。。确保将图像文件链接到CSS文件。比如说

-ROOT
-css
-file.css
-background.jpg
-index.html

您需要：

background（“../background.jpg”）

因为“.”占用一个目录：）
如果您使用的是外部CSS文件。。。确保将图像文件链接到CSS文件。比如说

-ROOT
-css
-file.css
-background.jpg
-index.html

您需要：

background（“../background.jpg”）

因为“.”会占用一个目录：）
可能是由3个问题引起的

1-home body不是html的标记。因此它应该是标记的id或类名。因此，您应该使用
.home body
作为类名，使用
#home body
作为id名

2-背景图像地址不正确。如果要确保，请将url作为图像的绝对路径，如
http://yoursiteUrl/public/image/image.png

3-您的css文件未加载到您的页面上。请尝试确保它已正确加载到您的网站上。如果加载了css文件，则问题出现在此处提到的第一部分或第二部分。
可能是由3个问题引起的

1-home body不是html的标记。因此它应该是标记的id或类名。因此，您应该使用
.home body
作为类名，使用
#home body
作为id名

2-背景图像地址不正确。如果要确保，请将url作为图像的绝对路径，如
http://yoursiteUrl/public/image/image.png

3-您的css文件未加载到您的页面上。请尝试确保它已正确加载到您的网站上。如果加载了css文件，则问题出现在此处提到的第一部分或第二部分。
可能是由3个问题引起的

1-home body不是html的标记。因此它应该是标记的id或类名。因此，您应该使用
.home body
作为类名，使用
#home body
作为id名

2-背景图像地址不正确。如果要确保，请将url作为图像的绝对路径，如
http://yoursiteUrl/public/image/image.png

3-您的css文件未加载到您的页面上。请尝试确保它已正确加载到您的网站上。如果加载了css文件，则问题出现在此处提到的第一部分或第二部分。
可能是由3个问题引起的

1-home body不是html的标记。因此它应该是标记的id或类名。因此，您应该使用
.home body
作为类名，使用
#home body
作为id名

2-背景图像地址不正确。如果要确保，请将url作为图像的绝对路径，如
http://yoursiteUrl/public/image/image.png

3-您的css文件未加载到页面上。请尝试确保它已正确加载到您的站点上。如果加载了css文件，则问题在于此处提到的第一部分或第二部分。
像这样很容易

.play{
    background: url("media_element/play.png") center center no-repeat;
    position : absolute;
    display:block;
    top:20%; 
    width:50px;
    margin:0 auto;
    left:0px;
    right:0px;
    z-index:100
} 

像这样很容易

.play{
    background: url("media_element/play.png") center center no-repeat;
    position : absolute;
    display:block;
    top:20%; 
    width:50px;
    margin:0 auto;
    left:0px;
    right:0px;
    z-index:100
} 

像这样很容易

.play{
    background: url("media_element/play.png") center center no-repeat;
    position : absolute;
    display:block;
    top:20%; 
    width:50px;
    margin:0 auto;
    left:0px;
    right:0px;
    z-index:100
} 

像这样很容易

.play{
    background: url("media_element/play.png") center center no-repeat;
    position : absolute;
    display:block;
    top:20%; 
    width:50px;
    margin:0 auto;
    left:0px;
    right:0px;
    z-index:100
} 

不要使用背景图像：
只使用背景图像。你的目录结构是什么样的？你的意思是使用。家庭成员作为一个班级吗？你不应该将家庭成员作为一个班级或id吗。home body{…}或#home body{…}@leftside真的有鹰眼，我相信这会有帮助。不要使用
背景图像：
只使用
背景。你的目录结构是什么样的？你的意思是使用。家庭成员作为一个班级吗？你不应该将家庭成员作为一个班级或id吗。home body{…}或#home body{…}@leftside真的有鹰眼，我相信这会有帮助。不要使用
背景图像：
只使用
背景。你的目录结构是什么样的？你的意思是使用。家庭成员作为一个班级吗？你不应该将家庭成员作为一个班级或id吗。home body{…}或#home body{…}@leftside真的有鹰眼，我相信这会有帮助。不要使用
背景图像：
只使用
背景。你的目录结构是什么样的？你的意思是使用。家庭成员作为一个班级吗？你不应该将家庭成员作为一个班级或id吗。主身体{…}或#主身体{…}@左侧确实有鹰眼，我相信这将有助于OP。这不会有什么区别。背景是所有5个属性的别名。背景颜色、背景图像、背景位置