ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS画像が表示されない_html/css_WEB-ITnose

CSS画像が表示されない_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:26:42
オリジナル
1480 人が閲覧しました

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;}
ログイン後にコピー

画像のパスの問題

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート