Laravel4背景图像:url
我正在尝试让我的图像的完整路径在整个页面上工作,而不是在我的页面上使用image/blah/blah我让他们使用刀片模板引擎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
{{ 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') }});"