在styesheet中定义时,背景图像不显示

edg*_*gar 9 css background

我对css很新,所以这可能是一个简单的答案.我有2个场景和1个作品,另一个没有.我希望有人可以帮助我.

作品:

<head>
<style type="text/css"> 
body { 
    background-image:url('views/default/images/home.jpg');
;}
</style>
</head>
Run Code Online (Sandbox Code Playgroud)

不工作:

<head>
<link rel="stylesheet" type="text/css" href="views/default/home_style.css" />
</head>
Run Code Online (Sandbox Code Playgroud)

在home_style.css>

body{ 
    background-image:url('views/default/images/home.jpg');
    margin-top: 0px !important; 
    padding-top: 0px !important; 
}
Run Code Online (Sandbox Code Playgroud)

sdl*_*rhc 16

看起来你的CSS文件在views/default/文件夹中,而图像在views/default/images/文件夹中.

相对于CSS文件定义CSS中的图像路径,而不是显示所有内容的HTML文件:

background-image:url('images/home.jpg');
Run Code Online (Sandbox Code Playgroud)


JMA*_*R B 5

就我而言:

我有一个CSS文件夹。所以,在我的CSS文件夹中,我有我的,style.css所以我在里面输入style.css了以下内容:

background: url('img/mybgimg.jpg')

代替

background: url('../img/mybgimg.jpg')

...我希望这可以帮助任何有同样问题的人。