質問編集履歴
1
コード部分をコードブロックに、URLをリンクに
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -10,21 +10,25 @@
|
|
|
10
10
|
|
|
11
11
|
###試したこと
|
|
12
12
|
〇こちらのURLにある内容で、chrome/safariでの表示は問題なくできました。
|
|
13
|
-
http://qiita.com/HAKASHUN/items/fbd743336718c64bfe2a
|
|
13
|
+
[http://qiita.com/HAKASHUN/items/fbd743336718c64bfe2a](http://qiita.com/HAKASHUN/items/fbd743336718c64bfe2a)
|
|
14
14
|
|
|
15
15
|
〇FireFoxで表示されないかと以下のURLを参考にしたのですが、適用されませんでした。
|
|
16
|
-
https://hyper-text.org/archives/2016/06/firefox_47_release.shtml
|
|
16
|
+
[https://hyper-text.org/archives/2016/06/firefox_47_release.shtml](https://hyper-text.org/archives/2016/06/firefox_47_release.shtml)
|
|
17
17
|
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
###該当のソースコード
|
|
21
|
-
|
|
21
|
+
|
|
22
|
+
|
|
22
|
-
■HTML
|
|
23
|
+
```■HTML
|
|
23
24
|
<div class="icon">
|
|
24
25
|
<img class="waku" src="sample.jpg">
|
|
25
26
|
</div>
|
|
27
|
+
```
|
|
26
28
|
|
|
29
|
+
|
|
30
|
+
|
|
27
|
-
■CSS
|
|
31
|
+
```■CSS
|
|
28
32
|
.icon {
|
|
29
33
|
position: relative;
|
|
30
34
|
width: 50px;
|
|
@@ -48,6 +52,8 @@
|
|
|
48
52
|
-webkit-mask-position: center center;
|
|
49
53
|
mask-position: center center;
|
|
50
54
|
}
|
|
55
|
+
```
|
|
51
56
|
|
|
57
|
+
|
|
52
58
|
###補足情報
|
|
53
59
|
JSでsample画像は上下中央寄せになるようにしています。
|