質問編集履歴

4

質問文を訂正

2020/11/20 04:21

投稿

okabayashi
okabayashi

スコア4

test CHANGED
File without changes
test CHANGED
@@ -106,4 +106,4 @@
106
106
 
107
107
  黒枠の地図の画像がmap.pgnです。青色の枠がSVG画像です。
108
108
 
109
- hoverをした際にchromeでは重なってくれるのですが、IEではずれて表示されてしまいます。
109
+ chromeでは重なってくれるのですが、IEではずれて表示されてしまいます。

3

画像追加

2020/11/20 04:21

投稿

okabayashi
okabayashi

スコア4

test CHANGED
File without changes
test CHANGED
@@ -99,3 +99,11 @@
99
99
 
100
100
 
101
101
  map.jpgと言う地図の画像の上に枠線のみを表示したSVG画像を画面の真ん中で重ねて、地区をhoverするとSVGの枠線の色が変わるようにしています。
102
+
103
+ ![chrome](716183339f7497c34f41658ddbb29a71.png) ![IE](415f41580ecda80eb567e3343fae0baa.png)
104
+
105
+
106
+
107
+ 黒枠の地図の画像がmap.pgnです。青色の枠がSVG画像です。
108
+
109
+ hoverをした際にchromeでは重なってくれるのですが、IEではずれて表示されてしまいます。

2

質問文を訂正

2020/11/20 04:18

投稿

okabayashi
okabayashi

スコア4

test CHANGED
File without changes
test CHANGED
@@ -9,6 +9,12 @@
9
9
  ### 発生している問題・エラーメッセージ
10
10
 
11
11
  chromeでは以下のコードで実装できるのですが、IEでは.jpgの画像はセンタリングされるものの、svgの画像は動きません。IEでSVG画像をセンタリングする方法がわかる方がいれば教えて頂きたいです。
12
+
13
+
14
+
15
+ ### 該当のソースコード
16
+
17
+
12
18
 
13
19
  ```html
14
20
 
@@ -62,10 +68,6 @@
62
68
 
63
69
 
64
70
 
65
- ### 該当のソースコード
66
-
67
-
68
-
69
71
  ```css
70
72
 
71
73
  .map_box{

1

質問文を訂正

2020/11/20 02:26

投稿

okabayashi
okabayashi

スコア4

test CHANGED
File without changes
test CHANGED
@@ -96,4 +96,4 @@
96
96
 
97
97
 
98
98
 
99
- map.jpgと言う地図の画像の上に枠線のみを表示したSVG画像を重ねて、地区をhoverするとSVGの枠線の色が変わるようにしています。
99
+ map.jpgと言う地図の画像の上に枠線のみを表示したSVG画像を画面の真ん中で重ねて、地区をhoverするとSVGの枠線の色が変わるようにしています。