如何使用codeigniter在css文件中设置base_url（），以访问css文件中的background_image_url？

Question

我使用 codeigniter ，我加载了所有css文件，这些文件运行良好。 我的目录结构是 显示在下图中：

我使用以下代码加载style.css：

<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/css/style.css">

所有样式属性都设置得很好并且正常工作。但之后我发现在css文件中设置的图像没有显示在我的网站上！ 我在css中的代码：

.social_nav li.facebook a{ background-image:url("images/socials.png"); background-position:0 -30px; background-size:270px 60px}

他们为base_url()

设置background-image:url("images/socials.png"的任何程序也是如此

Answer 1

由于CSS Background属性与CSS文件相关，因此您可以使用：

background: url("../../"); /* Becomes the base URL */

现在你可以从那里走过路径：

background: url("../../assets/images/socials.png");

您也可以将其用作备用：

background: url("../images/socials.png");

Answer 2

请注意，如果socials.png文件夹中的图片assets/images可用，则可以使用：{/ p>

.social_nav li.facebook a{ 
  background-image:url("../images/socials.png"); //one step back
  background-position:0 -30px; 
  background-size:270px 60px;
}

如果assets/css/images中的图片必须符合您的代码，则需要通过更改值或删除来检查这两个属性。

background-position:0 -30px;
background-size:270px 60px;

旁注：

也许，在这种情况下，您的文件已损坏，也请使用不同的图片进行检查。

同时检查您的浏览器控制台，如果您提供的路径错误，您将获得此图片的404链接。

Answer 3

我在获得帮助后找到了答案，最后了解了我的一切愚蠢的错误，除了 adblocker 我已禁用之外，一切正常，现在图像正在显示{{3} }