ホームページ上のイメージマップ

Question

私はこのフォーラムをしばらく読んでいて、正確な答えを見つけることができなかったため、私はこのページのヘルプを見つけることにしました。

大きな写真のリンク先ページを作成し、その上に反応しやすい画像マップを配置したいと考えています。私は地図を作ることができますが、イメージを置くことはできますが、イメージは中央に置かれたまま応答可能にしたいときに問題が始まります（バックグラウンド位置：中央）。私がバックグラウンドポジションを使用しない場合、中心の画像はモバイルでは本当に小さく見え、このようには機能しません。

私はバックグラウンドに透明なイメージを入れてみることができますが、私はそのマップをどのように応答させるかわかりません。あなたが私にこのような何かについてhttp://www.mafia.brandscatter.com/

Answer 1

どのように助けることができるならばここで

は、私の仕事のサイトへのリンクですか？

https://jsfiddle.net/Lj0w9dnf/1/

.background{ 
    background-color:red; 
    width:100%; 
    height:100vh; 
    padding:25%; 
} 

.map{ 
    background-color:blue; 
    height:100%; 
    width:100%; 
} 


<div class="background"> 
    <div class="map"> 
    </div> 
</div>