Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/powerbi/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Laravel4背景图像:url_Laravel_Laravel 4 - Fatal编程技术网

Laravel4背景图像:url

Laravel4背景图像:url,laravel,laravel-4,Laravel,Laravel 4,我正在尝试让我的图像的完整路径在整个页面上工作,而不是在我的页面上使用image/blah/blah我让他们使用刀片模板引擎 {{ HTML::style('css/bootstrap.css'); }} {{ HTML::style('css/bootstrap-responsive.css'); }} {{ HTML::style('css/style.css'); }} {{ HTML::script('js/jquery.js'); }} 但我正在尝试使用菜单栏的背景图像 b

我正在尝试让我的图像的完整路径在整个页面上工作,而不是在我的页面上使用image/blah/blah我让他们使用刀片模板引擎

 {{ HTML::style('css/bootstrap.css'); }}
 {{ HTML::style('css/bootstrap-responsive.css'); }} 
 {{ HTML::style('css/style.css'); }}
 {{ HTML::script('js/jquery.js'); }}
但我正在尝试使用菜单栏的背景图像

background-image: url(images/transparentBackground.png)
有没有一种方法可以使用刀片模板来获取图像以加载完整路径

如果我使用

background-image: url({{ HTML::script('images/transparentBackground.png'); }})

它不工作并且返回错误。

我不太理解你的问题。为什么需要完整的路径?这是css。“图像”文件夹必须靠近css文件

在您的情况下,请尝试
背景图像:url(../images/transparentBackground.png)


首先,你要使用

url({{ URL::asset('images/transparentBackground.jpg') }})
而不是

`HTML::script()`.
如果您使用的是内联样式,那么这将起作用


但是,如果您试图让blade解析链接样式表,那么这永远不会起作用。也不应该。在这种情况下,您可能需要考虑使用Sass和Compass之类的工具。通过正确的配置,您可以自动生成图像的完整路径。

如果您正在编写内联样式(通过HTML标记中的style=“”属性),那么@Rogier建议的方法就可以了

如果您想使用blade生成CSS,那么可以通过创建CSS控制器并将变量传递给blade模板来呈现CSS(记住将内容类型标题设置为text/CSS)。

HTML::image('url/to/image.jpg','alt text')

可以使用

img src="{{ URL::to_asset('url/to/image.jpg') }}

您可以使用助手函数

下面是一个使用helper函数的背景图像示例

背景图像:url({{public_path('images/bg_invoice.jpg')}});


public_path是Laravel应用程序中公用文件夹路径的帮助函数,images是公用文件夹中的嵌套文件夹。感谢Laravel 5,请执行此操作

style="background-image:url({{ asset('Images/jamb.jpg') }});"

就像@Khandad Niazi所说的那样,这只适用于内联CSS,谢谢!我只是在将其加载到不在公共目录中的文件夹时遇到了问题,仅此而已
style="background-image:url({{ asset('Images/jamb.jpg') }});"