laravel 4 background-image: url

Question

Próbuję uzyskać pełną ścieżkę mojego obrazu do pracy w różnych dziedzinach, a nie za pomocą obrazu/bla/bla na mojej stronie mam ich pracy z silnikiem szablonu ostrze

{{ HTML::style('css/bootstrap.css'); }} 
{{ HTML::style('css/bootstrap-responsive.css'); }} 
{{ HTML::style('css/style.css'); }} 
{{ HTML::script('js/jquery.js'); }} 

Ale staram się wykorzystać obraz tła na pasku menu

background-image: url(images/transparentBackground.png) 

Czy istnieje sposób na wykorzystanie szablonów Blade, aby ten obraz, aby załadować pełną ścieżkę?

Jeśli używam

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

nie robi praca i zwraca błędów.

Answer 1

Cóż, przede wszystkim, że chcesz użyć

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

zamiast

`HTML::script()`. 

To będzie działać, jeśli jesteś używanie stylów wbudowanych.

Jeśli jednak chcesz, aby moduł blade analizował połączony arkusz stylów, to po prostu nigdy nie zadziała. I nie powinno tak być. W takim przypadku warto przyjrzeć się użyciu czegoś takiego jak Sass i Compass. Dzięki odpowiedniej konfiguracji możesz automatycznie generować pełne ścieżki do obrazów.

Answer 2

Nie rozumiem twojego problemu bardzo dobrze. Dlaczego potrzebujesz pełnej ścieżki? To jest css. Folder zdjęć musi znajdować się w pobliżu pliku css.

W twoim przypadku próby background-image: url(../images/transparentBackground.png)

-- public (folder) 
---- css/style.css 
---- images/transparentBackground.png 

Answer 3

Jeśli piszesz style inline (przez style = „” atrybutu w tagu HTML, a następnie co sugeruje @Rogier będzie działać.

Jeśli chcesz użyć noża, aby wygenerować CSS to można to zrobić przez tworzenie kontrolera CSS i przekazywanie przez to zmiennych do szablonu ostrza w celu renderowania CSS (pamiętaj, aby ustawić nagłówek typu zawartości na tekst/css)

Answer 4

HTML :: image ('url/to/image.jpg "," tekst alternatywny ");

LUB

C PRZEZNACZONYCH

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

Answer 5

Można użyć funkcji pomocniczych Here

Oto przykład background-obrazu za pomocą funkcji pomocnika

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

public_path jest funkcja pomocnika do drogi publicznej folder w Twojej aplikacji Laravel, a obrazy to folder zagnieżdżony w sieci publicznej.Dzięki

Answer 6

Dla laravel 5 zrób to

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

I jak @Khandad Niazi powiedział jej tylko dla inline CSS