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です。Images フォルダーは css ファイルの近くにある必要があります。

あなたの場合、試してくださいbackground-image: url(../images/transparentBackground.png)

-- public (folder)
---- css/style.css
---- images/transparentBackground.png
于 2013-06-08T05:11:08.197 に答える
0

HTML::image('url/to/image.jpg', '代替テキスト');

また

に使える

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