CSS 画像 URL
JSP ページでは、<%@ include file="/include/meta.jsp"%> を通じて app.css スタイルが導入されています
app.css は次のようにスタイルを定義します
.login .login_logo { height: 55px;background:url(/images/login/logo.jpg) no-repeat 10px 0px;}
しかし、画像は表示できません。
.login .login_logo {height:55px;background:#FFF000 no-repeat 10px 0px;} に変更するとカラー効果を表示できます
ブラウザ経由 http://localhost:8777/diao/images/login/logo . jpgでも画像を表示できるのですが、画像が表示できない原因は何でしょうか?すでにこのパス経由でアクセスされています http://localhost:8777/diao/images/login/logo.jpg では、パスをどのように設定すればよいでしょうか
url(/diao/images/login/logo.jpg) はどうですか?これ。
パスの問題は、ファイルを参照する場合、参照されるファイルに従ってパスを計算する必要があることです。背景:url(../images/login/logo.jpg)
画像パスの問題を試してください。
これを試してみてください。私がやったようにパスを変更するだけです
.login .login_logo {height:55px;background:url(~/images/login/logo.jpg) no-repeat 10px 0px;}
ログイン後にコピー
画像のパスの問題