JSPで背景画像を表示するにはどうすれば良いですか

下記index.jspに背景画像を表示する為、
「background-image:url("C:\workspace\jsp_css_test\WebContent\ICuaLbugUsAAz0ql.jpg") fixed-center;」と絶対パスで画像のpathを入れてみました。
ただ、画像は読み込まれず、躓いております。

index.jsp
1<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
2    pageEncoding="ISO-8859-1"%>
3<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
4<html>
5<head>
6<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
7<link rel="stylesheet" href="style.css">
8<link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap" rel="stylesheet">
9</head>
10<title>Insert title here</title>
11</head>
12<body>
13	<h1>Cat's day</h1>
14    <p>He keeps sleeping</p>
15    background-image:url("C:\workspace\jsp_css_test\WebContent\CuaLbugUsAAz0ql.jpg") fixed-center;
16</body>
17</html>

Eclipse上での配置は下記の様になっています。

ご回答の程、よろしくお願いいたします。

行動規範の内容に同意します

回答1件

ベストアンサー

背景画像をどの部分に表示したいのかが分かりませんが、仮に<body>タグの背景だとして、

HTML
1<head>
2（略）
3<style>
4body {
5    background:url("file:///C:/workspace/jsp_css_test/WebContent/CuaLbugUsAAz0ql.jpg") fixed center;
6}
7</style>
8（略）
9</head>
10<body style="">
11    <h1>Cat's day</h1>
12    <p>He keeps sleeping</p>
13</body>

という感じでどうでしょう？

<body>タグの中に直接書かれていた ``` background-image:url("C:\workspace\jsp_css_test\WebContent\CuaLbugUsAAz0ql.jpg") fixed-center; ``` という部分はCSSなので、前述のように<style>タグの中に書くか、CSSで読み込むか、<body>タグのstyle属性に書いてやる必要があります。また、backgroundプロパティの書き方も修正しました。また、絶対パスの指定の仕方も、いわゆるファイルのフルパスとは異なります。

参考：
backgroundプロパティ：
http://www.htmq.com/style/background.shtml

パスの指定方法
http://lab.agr.hokudai.ac.jp/useful/utile/Path_URL.htm

投稿2020/11/03 03:23