Laravel 4 background-image: url

Question

tôi đang cố gắng để có được đường dẫn đầy đủ của hình ảnh của tôi để làm việc trên bảng thay vì sử dụng hình ảnh/blah/blah trên trang của tôi, tôi có họ làm việc với lưỡi dao mẫu động cơ

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

Nhưng tôi đang cố gắng sử dụng background-image cho một thanh menu

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

có cách nào để sử dụng Blade mẫu để có được hình ảnh đó để tải đường dẫn đầy đủ?

Nếu tôi sử dụng

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

Nó không làm việc và trả về lỗi.

Answer 1

Vâng, trước hết, bạn muốn sử dụng

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

thay vì

`HTML::script()`. 

Điều đó sẽ có tác dụng nếu bạn là sử dụng kiểu nội tuyến.

Nếu bạn đang cố gắng để có phân tích cú pháp phân tích cú pháp biểu định kiểu được liên kết, điều đó sẽ không bao giờ hoạt động. Cũng không nên. Trong trường hợp đó, bạn có thể muốn xem xét sử dụng một cái gì đó như Sass và Compass. Với cấu hình phù hợp, bạn có thể có đường dẫn đầy đủ đến hình ảnh được tạo tự động.

Answer 2

Tôi không hiểu vấn đề của bạn rất tốt. Tại sao bạn cần một con đường đầy đủ? Đây là css. Thư mục hình ảnh phải ở gần tệp css.

Trong trường hợp của bạn thử background-image: url(../images/transparentBackground.png)

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

Answer 3

Nếu bạn đang viết kiểu inline (thông qua các style = "" thuộc tính trong thẻ HTML, sau đó những gì @Rogier đề nghị sẽ làm việc.

Nếu bạn muốn sử dụng lưỡi để tạo CSS thì bạn có thể làm điều đó bằng cách tạo một bộ điều khiển CSS và chuyển các biến của bạn thông qua đó tới một mẫu lưỡi để hiển thị CSS (nhớ đặt tiêu đề kiểu nội dung thành văn bản/css)

Answer 4

HTML :: image ('url/to/image.jpg ',' alt văn bản ');

HOẶC

C AN ĐƯỢC SỬ DỤNG

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

Answer 5

Bạn có thể sử dụng chức năng helper Here

Dưới đây là một ví dụ về background-image sử dụng chức năng helper

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

public_path là một hàm helper để con đường công cộng thư mục trong ứng dụng Laravel và hình ảnh của bạn là thư mục lồng nhau ở nơi công cộng.Cảm ơn

Answer 6

Đối với Laravel 5 chỉ làm điều này

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

Và cũng giống như @Khandad Niazi nói nó chỉ dành riêng cho inline CSS