0
私のウェブサイトに私の背景イメージを表示することはできません。私は自分のstyle.cssに背景画像を置き、それを "<スタイル>背景：</style>"にリンクしました。Djangoテンプレート - 背景イメージJinja
私は{％load staticfiles％}をスタイルの上に置いていますが、それは間違っていると確信しています。
ここにここに私のcss
のstyle.css
body {
background:slategray url("/personal/static/personal/images/background.gif")no-repeat right bottom;
}
は私のhtmlコード
あります私は私の設定をチェックしましたし、STATIC_URL設定が STATIC_URL = '/静的/'です
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Mr. Hart</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<div class="row">
<div class="col-md-8">
<a href='/' style="display: inline-block; text-decoration-color: #1a8002;">Home</a>
<a href='/blog/' style="display: inline-block; text-decoration-color: green;"> Blog </a>
<a href='/Aboutme/' style="display: inline-block; text-decoration-color: green;"> About Me </a>
<a href='/stocks/' style="display: inline-block; text-decoration-color: green;"> My stock Tips </a>
<a href='/crypto/' style="display: inline-block; text-decoration-color: green;"> Crypto </a>
</div>
<div class="col-md-4">"This is where my contacts stack,github, stocktwits, twitter, all picture links "</div>
</div>
{% load staticfiles %}
<style type="text/css">
html,
body {
background: url("{% static "/personal/style.css" %}") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
</head>
こんにちは、あなたがいないCSSファイルの画像を必要とするソースCSSで画像をレンダリングしてみてください。ここではあなたの問題の背景：URL（ "{％静的" /personal/style.css "％}"）ASPを使用して画像を読み込もうとしないJSPのバックグラウンドを試してみてください：URL（http：// domain/to/your/image .jpg）に関して –
ASPやJSPの使い方がわかりません。私はバックグラウンド経由で画像に直接URLを向けることを試みました：url（ "/ personal/static/personal/images/background.jpg"）まだ空白が残っています。 – K2nice
確かに、あなたのブラウザに画像をロードし、 "http：//"のURLをバックグラウンドに貼り付けてみてください：url（http/domain/to/your/image.jpg） –