我需要帮助添加图像，作为背景，在PHP的Codeigniter框架bootstrap大屏幕。
我目前可以添加一个图像到Codeigniter没有问题与以下代码:
<img src="<?php echo base_url('image/test.jpg'); ?>">
我也可以用我的CSS文件改变大屏幕的背景，代码如下:
.jumbotron {
color: black;
text-align: center;
background-color: red;}
然而，我不知道如何获得css文件来添加我的图像到大屏幕的背景。我尝试了以下操作:
.jumbotron {
color: black;
text-align: center;
background-image: <?php echo base_url('image/test.jpg'); ?> }
.jumbotron {
color: black;
text-align: center;
background-image: url('image/test.jpg');}
.jumbotron {
color: black;
text-align: center;
background-image: 'image/test.jpg'}
我所做的一切似乎都不起作用。我确实有我的图像文件夹下的项目，而不是在应用程序文件夹。我可以让图像显示在页面的任何地方——这不是问题所在。但是把它们作为大屏幕的背景是行不通的。
最简单的方法是在视图中将其应用到大屏幕上。
在您的视图中尝试这样做:
<div class="jumbotron" style="background-image: url('<?= base_url('image/test.jpg'); ?>')">
...
</div>
你仍然可以做你的背景图像的样式，例如background-size在CSS中为你的大屏幕。
CSS文件不会被PHP解析，除非你特别修改你的服务器来解析它们或者从PHP文件中输出带有CSS扩展名的文件。
在您的示例中，如果在CSS中手动指定背景图像，则无法工作，因为您有一个指定图像位置的相对路径。例如，浏览器会在/css/image/test.jpg而不是/image/test.jpg处寻找图片。如果你在你的CSS中指定background-image: url('/image/test.jpg')，它应该工作。