【问题标题】:div background-image in codeigniter use for bootstrap half-slidercodeigniter 中的 div 背景图像用于引导半滑块
【发布时间】:2016-01-03 10:54:42
【问题描述】:

我想使用引导半滑块轮播,并且我正在使用 codeigniter。在其中,它使用<div>background-image 而不是<img>,就像这样

<div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide One');"></div> 

在我看来是这样使用的:

<div class="fill" style="background-image:url('../assets/images/image1.jpg')"></div>

但是,它不显示图像。

您的帮助将不胜感激。

【问题讨论】:

  • 您的资产文件夹在您的主目录中吗?
  • @wolfgang1983,我的资产文件夹在codeigniter的应用程序文件夹之外..
  • 我会在 assets 文件夹中创建一个 css 文件,然后将它添加到头部区域,在 css 中添加该样式并且应该可以工作。
  • @wolfgang1983,我实际上在滑块中有 5 张图片。你的意思是,我必须用不同的背景图像制作 5 个类?

标签: codeigniter bootstrap-carousel


【解决方案1】:

不确定你是如何构建视图文件的,但第一个工作的原因可能是因为它有一个图像的绝对路径('http://placehold.it/1900x1080&text=Slide One')

尝试使用资产文件夹中图像的绝对路径。 代替: &lt;div class="fill" style="background-image:url('../assets/images/image1.jpg')"&gt;&lt;/div&gt;

试试:

&lt;div class="fill" style="background-image:url('&lt;?=base_url('assets/images/image1.jpg')?&gt;')"&gt;&lt;/div&gt;

【讨论】:

    猜你喜欢
    • 2015-11-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-08-17
    • 2016-05-28
    • 2015-12-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多