質問編集履歴
2
お世話になっております。ご教授ありがとうございます。htmlのソース及び完成イメージを追加しました。ご確認よろしくお願いいたします。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
プログラミング初心者です。
|
|
2
2
|
|
|
3
3
|
ハンバーガーメニューの後ろに写真を配置したいのですが、z-indexが効いていないようで、困っています。
|
|
4
|
+
完成イメージも追記したので、合わせてご確認いただけると助かります。
|
|
4
5
|
よろしくお願いします。
|
|
5
6
|
|
|
6
|
-
|
|
7
|
+
html
|
|
7
8
|
```ここに言語を入力
|
|
8
|
-
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
|
9
|
-
pageEncoding="UTF-8"%>
|
|
10
9
|
<!DOCTYPE html>
|
|
11
10
|
<html>
|
|
12
11
|
<head>
|
|
13
12
|
<meta charset="UTF-8">
|
|
14
|
-
<link rel="stylesheet" type="text/css" href="
|
|
13
|
+
<link rel="stylesheet" type="text/css" href="/Portfolio/css/style.css">
|
|
15
|
-
<script src="
|
|
14
|
+
<script src="/Portfolio/js/menu.js"></script>
|
|
16
15
|
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
|
|
17
16
|
<title>Menu</title>
|
|
18
17
|
</head>
|
|
@@ -20,9 +19,10 @@
|
|
|
20
19
|
<header>
|
|
21
20
|
<nav id="nav">
|
|
22
21
|
<ul>
|
|
23
|
-
<li><a href="
|
|
22
|
+
<li><a href="/Portfolio/About">About</a></li>
|
|
24
|
-
<li><a href="
|
|
23
|
+
<li><a href="/Portfolio/Top">DB</a></li>
|
|
25
|
-
<li><a href="
|
|
24
|
+
<li><a href="/Portfolio/Menu">Menu</a></li>
|
|
25
|
+
<li><a href="/Portfolio/Contact">Contact</a></li>
|
|
26
26
|
</ul>
|
|
27
27
|
</nav>
|
|
28
28
|
<div id="hamburger">
|
|
@@ -37,18 +37,18 @@
|
|
|
37
37
|
</header>
|
|
38
38
|
<div class="wraper">
|
|
39
39
|
<div class = "wraper-inner" >
|
|
40
|
-
<img alt="フォーク" src="
|
|
40
|
+
<img alt="フォーク" src="/Portfolio/image/fork.svg">
|
|
41
41
|
<h1>Menu</h1>
|
|
42
|
-
<img alt="シェッフ" src="
|
|
42
|
+
<img alt="シェッフ" src="/Portfolio/image/chef.svg">
|
|
43
43
|
</div>
|
|
44
44
|
<div class="bento">
|
|
45
|
-
<img alt="キーマカレー" id="keemacurry" src="
|
|
45
|
+
<img alt="キーマカレー" id="keemacurry" src="/Portfolio/image/Bento1.jpg">
|
|
46
|
-
<img alt="1" src="
|
|
46
|
+
<img alt="1" src="/Portfolio/image/Bento2.jpg">
|
|
47
|
-
<img alt="2" src="
|
|
47
|
+
<img alt="2" src="/Portfolio/image/Bento3.jpg">
|
|
48
48
|
<br>
|
|
49
|
-
<img alt="3" src="
|
|
49
|
+
<img alt="3" src="/Portfolio/image/Bento4.jpg">
|
|
50
|
-
<img alt="4" src="
|
|
50
|
+
<img alt="4" src="/Portfolio/image/Bento5.jpg">
|
|
51
|
-
<img alt="5" src="
|
|
51
|
+
<img alt="5" src="/Portfolio/image/Bento6.jpg">
|
|
52
52
|
</div>
|
|
53
53
|
</div>
|
|
54
54
|
<div id="keemacurry_popup" class="modal">
|
|
@@ -331,5 +331,5 @@
|
|
|
331
331
|
}
|
|
332
332
|
```
|
|
333
333
|
|
|
334
|
-
|
|
335
|
-
|
|
335
|
+
|
1
タイトルを変更しました
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
ハンバーガーメニューの後ろに写真を
|
|
1
|
+
ハンバーガーメニューの後ろに写真を配置したい。
|
test
CHANGED
|
File without changes
|