Laravel 5 CSS内の画像へのアクセス方法とアクセス方法

Question

Laravel 5では、画像を保存するディレクトリ（背景）と、CSSファイル内でのアクセス方法について説明します。私のCSSファイルはpublic/cssディレクトリにあります。私はpublic/imagesとpublic/assets/imagesに画像を配置しようとしましたが、うまく動作せず、Webブラウザから直接画像にアクセスできませんでした。

Answer 1

publicです。あなたのCSSファイルで、例えば/images/xy.jpgまたは/assets/images/xy.jpgなどでアクセスしてください。最初の/はルートディレクトリを参照するのが理にかなっています。

これで解決しない場合は、画像のパス、画像、および画像で動作しないCSSファイルの例をご提供ください。 CSSで

Answer 2

彼らは公共/画像であるときは、ブレードのテンプレートで

../images/imgename.jpg 

ようにあなたがpublic/の内部のすべてのファイルにアクセスを経由している

{{ asset("images/imagename.jpg") }} 

Answer 3

のようなものを使用することができ、画像にアクセスすることができますウェブブラウザ、ちょうどそこに画像やCSSを置く。例：

public/images/foo.png 
public/css/style.css 

通常、この構造には、background: url('../images/foo.png')が必要です。

しかし、一部の人はbackground: url('/images/foo.png')のような絶対パスの使用に問題があります。なぜですか？ laravelのインストールは、以下の構造を有するhtdocs/かpublic_html/の下で作られているので：

/home/user/public_html/laravel/public/ 

上記の構造は、あなたが使用している場合、あなたはあなただけ使用することができますbackground: url('/laravel/images/foo.png')

Answer 4

を必要とする：URL（http://localhost:8000/imgs/image_name.extensionを）私に従ってexemple：http://localhost:8000/img/spacer.pngしかし、あなたのドメイン名を変更するには、localhost：8000のデベロッパー環境で行うことをお勧めします。