質問編集履歴
4
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -84,10 +84,14 @@
|
|
|
84
84
|
よろしくお願いいたします。
|
|
85
85
|
追記)問題点
|
|
86
86
|
**chrom**
|
|
87
|
+
完成イメージ
|
|
87
88
|
|
|
88
89
|
**firefox**
|
|
90
|
+
スマホサイズ縦
|
|
89
91
|
|
|
92
|
+
スマホサイズ横
|
|
90
93
|
|
|
94
|
+
パソコンサイズ
|
|
91
95
|
|
|
92
96
|
|
|
93
97
|
スマホサイズ横）重ねてあるSVGが表示されない
|
3
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -46,6 +46,41 @@
|
|
|
46
46
|
background-repeat: no-repeat;
|
|
47
47
|
}
|
|
48
48
|
```
|
|
49
|
+
```HTML
|
|
50
|
+
(index.html)
|
|
51
|
+
<!DOCTYPE html>
|
|
52
|
+
<html>
|
|
53
|
+
<head>
|
|
54
|
+
<meta charset="utf-8" />
|
|
55
|
+
<link rel="stylesheet" href="styles.css" />
|
|
56
|
+
<title>Index</title>
|
|
57
|
+
</head>
|
|
58
|
+
<body>
|
|
59
|
+
<div id="top-wrapper">
|
|
60
|
+
<div class="wrap-sample">
|
|
61
|
+
<!-- 共通部分 -->
|
|
62
|
+
<header>
|
|
63
|
+
<a href="index.html">Top</a>
|
|
64
|
+
<a href="about.html">About</a>
|
|
65
|
+
<a href="language.html">Language</a>
|
|
66
|
+
<a href="contact.html">Contact</a>
|
|
67
|
+
</header>
|
|
68
|
+
<!-- 共通部分終了 -->
|
|
69
|
+
<p>this is index.</p>
|
|
70
|
+
</div>
|
|
71
|
+
</div>
|
|
72
|
+
<div id="content-wrapper">
|
|
73
|
+
<div class="projects">
|
|
74
|
+
<div class="box a">A</div>
|
|
75
|
+
<div class="box b">B</div>
|
|
76
|
+
<div class="box c">C</div>
|
|
77
|
+
<div class="box d">D</div>
|
|
78
|
+
</div>
|
|
79
|
+
</div>
|
|
80
|
+
</body>
|
|
81
|
+
</html>
|
|
82
|
+
|
|
83
|
+
```
|
|
49
84
|
よろしくお願いいたします。
|
|
50
85
|
追記)問題点
|
|
51
86
|
**chrom**
|
2
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -46,4 +46,14 @@
|
|
|
46
46
|
background-repeat: no-repeat;
|
|
47
47
|
}
|
|
48
48
|
```
|
|
49
|
-
よろしくお願いいたします。
|
|
49
|
+
よろしくお願いいたします。
|
|
50
|
+
追記)問題点
|
|
51
|
+
**chrom**
|
|
52
|
+
|
|
53
|
+
**firefox**
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
スマホサイズ横）重ねてあるSVGが表示されない
|
|
59
|
+
パソコンサイズ）重ねてあるSVGが表示されない、画像サイズが小さい
|
1
a
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -8,11 +8,13 @@
|
|
|
8
8
|
|
|
9
9
|
SVGで図形を作ってそれをページに表示したいのですが、ブラウザによって表示が変わってしまいます。ためしたのはfirefox,micro soft edgeです。
|
|
10
10
|
```SVG
|
|
11
|
+
(sample.svg)
|
|
11
12
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 64 64" preserveAspectRatio="none" id="svg">
|
|
12
13
|
<path d="M0 64 L32 64 S38 56 24 50 S6 60 0 50 Z" fill="rgb(204, 0, 0, 0.8)"></path>
|
|
13
14
|
</svg>
|
|
14
15
|
```
|
|
15
16
|
```SVG
|
|
17
|
+
(bg.svg)
|
|
16
18
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
|
|
17
19
|
viewBox="0 0 64 64"
|
|
18
20
|
preserveAspectRatio="none" id="svg-bg">
|