5

我试图让我的图像的完整路径全面工作,而不是在我的页面上使用 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)

有没有办法使用 Blade 模板来获取该图像以加载完整路径?

如果我使用

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

它不起作用并返回错误。

4

6 回答 6

11

嗯,首先,你想使用

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

代替

`HTML::script()`.

如果您使用内联样式,这将起作用。

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

于 2013-06-08T09:42:28.310 回答
3

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

在你的情况下尝试background-image: url(../images/transparentBackground.png)

-- public (folder)
---- css/style.css
---- images/transparentBackground.png 
于 2013-06-08T05:11:08.197 回答
1

您可以在此处使用辅助功能

这是使用辅助函数的背景图像示例

background-image: url("{{ public_path('images/bg_invoice.jpg') }}");

public_path 是 Laravel 应用中公共文件夹路径的辅助函数,images 是公共嵌套文件夹。谢谢

于 2017-09-13T13:20:00.070 回答
0

If you are writing inline styles (via the style="" attribute in the HTML tag, then what @Rogier suggested would work.

If you want to use blade to generate CSS then you could do it by creating a CSS controller and passing your variables through that to a blade template to render the CSS (remember to set the content-type header to text/css).

于 2013-06-08T10:30:23.600 回答
0

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

或者

可以使用

img src="{{ URL::to_asset('url/to/image.jpg') }}
于 2013-12-23T20:26:56.643 回答
0

对于 Laravel 5,只需执行此操作

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

就像@Khandad Niazi 所说的那样,它只适用于内联 CSS

于 2018-01-19T02:17:32.303 回答