Question

我使用Yii框架工作实现了我的项目。我的项目正文背景图片没有调用。因为我正在使用Yii进行URL管理。没有URL管理背景图像工作。

我也在使用Bootstrap 3.我也从bootstrap css中移除了所有css，即body包含css。

我为身份标签和指定的网址链接提供了ID。它不工作请告诉可能是一个错误。或压倒一切。建议我

<body id="header_img">

#header_img{
    background-image: url(/..img/NewBG.png)no-repeat center center fixed;
    -webkit-background-size: cover;
    background-size: cover;
}

Answer 1

您可以尝试使用此行作为背景

<style type='text/css'>

#header_img{
    background: url(../img/NewBG.png) no-repeat center center fixed;
   -webkit-background-size: cover;
   background-size: cover;

   }
</style>

Answer 2

首先，正确的网址应为

background-image: url(../img/NewBG.png)no-repeat center center fixed;

由@ user2706194指定。

在该行中，图像相对于css的位置

例如，假设您的文件index.php加载样式表mystyles.css，上面的行将加载相对于CSS文件位置的图像，而不是主HTML页面。

Project
 |
 +-- file 1
 |    
 +-- my_code
 |  |  
 |  +-- index.php                    <== your loaded file
 |    
 +-- img
 |  |  
 |  +-- NewBG.png
 |  +-- other_img.png
 |    
 +-- assets
 |  |  
 |  +-- css
 |       |
 |       +-- mystyles.css             <== your style sheet
 |  +-- img
 |       |
 |       +-- NewBG.png                <== *** the loaded image ***

如何使用url管理调用背景图像

2 个答案: