如何在codeigniter中设置css图像url

如何在codeigniter中设置css图像url,css,codeigniter,Css,Codeigniter,我正在使用此代码修复背景图像,但图像url不起作用。您能告诉我缺少什么吗 代码写在我的视图文件中: html { background: url(<?php echo base_url();?>assets/images/img.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-backgr

我正在使用此代码修复背景图像,但图像url不起作用。您能告诉我缺少什么吗

代码写在我的视图文件中:

html { 
     background: url(<?php echo base_url();?>assets/images/img.jpg) no-repeat  center center fixed; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
      background-size: cover;
}
html{
背景:url(assets/images/img.jpg)无重复中心固定;
-webkit背景尺寸:封面;
-moz背景尺寸:封面;
-o-背景尺寸:封面;
背景尺寸:封面;
}
为什么我在所有这些文件上都出现“304错误”?我正在使用此代码链接这些文件:

 <script type="text/javascript" src="<?php echo base_url(); ?>assets/jquery/jquery-3.2.1.min.js"></script> 
 <link href=" <?php echo base_url(); ?>assets/css/bootstrap.min.css" rel="stylesheet">
 <link href=" <?php echo base_url(); ?>assets/style/style.css" rel="stylesheet">
 <script type="text/javascript" src="<?php echo base_url();?>/assets/js/bootstrap.min.js"></script>
像这样使用:

<div class="profile-pic-feadback" style="background-image:url(<?php echo base_url('images/user.png') ?>)"></div>
像这样使用:

<div class="profile-pic-feadback" style="background-image:url(<?php echo base_url('images/user.png') ?>)"></div>
您缺少双引号

将此css用于固定背景

body{
 background-attachment: fixed;
 background-image: url(<?php echo base_url();?>./image.jpg);
}
您缺少双引号

将此css用于固定背景

body{
 background-attachment: fixed;
 background-image: url(<?php echo base_url();?>./image.jpg);
}

假设您的css文件位于assets文件夹中

application

assets

assets > css > example.css

assets > images

system 

index.php
然后在CSS文件中尝试这个

body {
  background: url('../images/img.jpg') no-repeat center center fixed;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
   background-size: cover;
}
当然要确保您已经在config.php中设置了基本url


假设您的css文件位于assets文件夹中

application

assets

assets > css > example.css

assets > images

system 

index.php
然后在CSS文件中尝试这个

body {
  background: url('../images/img.jpg') no-repeat center center fixed;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
   background-size: cover;
}
当然要确保您已经在config.php中设置了基本url

方法如下:

html { 
     background-image: url('<?= base_url("assets/images/img.jpg");?>') no-repeat center center fixed; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
      background-size: cover;
}
html{
背景图像:url(“”)无重复中心固定;
-webkit背景尺寸:封面;
-moz背景尺寸:封面;
-o-背景尺寸:封面;
背景尺寸:封面;
}
但我不得不说,这是一个更好的做法。避免在视图中使用CSS。

方法如下:

html { 
     background-image: url('<?= base_url("assets/images/img.jpg");?>') no-repeat center center fixed; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
      background-size: cover;
}
html{
背景图像:url(“”)无重复中心固定;
-webkit背景尺寸:封面;
-moz背景尺寸:封面;
-o-背景尺寸:封面;
背景尺寸:封面;
}


但我不得不说,这是一个更好的做法。避免在视图中使用CSS。

什么是错误或问题尝试此,背景:url(../assets/images/img.jpg)无重复中心修复;尝试使用此
背景:url(../assets/images/img.jpg)无重复中心背景图像被拉伸,我想让它fixed@Bhargav我尝试了这个,但没有成功。错误或问题是什么?尝试这个,背景:url(../assets/images/img.jpg)无重复中心修复;尝试使用此
背景:url(../assets/images/img.jpg)无重复中心背景图像被拉伸,我想让它fixed@Bhargav我尝试过这个方法,但它没有在css中使用workbody,因为body保留了背景图像请注意
。在中不起作用。cssbody用于css中,因为body保留背景和图像请注意此
。无法在.css中工作。请尝试将其作为内联css提供。我也犯了同样的错误。所以,将所有图像css代码放在css文件中,只将图像url路径代码设置为内联css。这对我很管用。你能给我完整的密码吗。你确定图像存储在同一路径中吗?我已经更新了我的答案,以便你更好地理解。你是否尝试将其作为内联css提供。我也犯了同样的错误。所以,将所有图像css代码放在css文件中,只将图像url路径代码设置为内联css。这对我很管用。你能给我完整的密码吗。您确定图像存储在同一路径中吗?我已更新了我的答案,以便您更好地理解。先生,我尝试了您的建议,但不起作用,我已更新了我的问题,请您检查一下,我认为由于该错误,它不起作用。先生,我尝试了您的建议,但不起作用,我已经更新了我的问题,你能检查一下吗?我认为由于这个错误,它不起作用。不仅仅是粘贴代码应该有一些文本解释需要做什么等。而不仅仅是粘贴代码应该有一些文本解释需要做什么等。