我想使用bootstrap半滑块旋转木马,我正在使用codeigniter。在其中,它使用了带有background-image
的<div>
,而不是<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>
但是,它不会显示图像。
您的帮助我们将不胜感激。
发布于 2016-03-07 18:27:01
不确定你是如何构造你的视图文件的,但是第一个可以工作的原因可能是因为它有一个图像的绝对路径('http://placehold.it/1900x1080&text=Slide One')
尝试使用assets文件夹中图像的绝对路径。而不是:<div class="fill" style="background-image:url('../assets/images/image1.jpg')"></div>
尝试:
<div class="fill" style="background-image:url('<?=base_url('assets/images/image1.jpg')?>')"></div>
https://stackoverflow.com/questions/34575712
复制