こんにちは私のサイトでGoogleマップを使用しています。私はマップを作成し地図を移動可能にしながら、Googleマップにオーバーレイ画像を表示する
、その後、私が擬似:before要素を使用する：私は、私がこれまでやった
この擬似要素オーバーレイをマップ全体に塗りつぶして、z-indexを使用して上に配置しました。
これはうまく見えますが、psuedo要素のオーバーレイがマップの上にあるため、マップのコントロールが機能しません。
地図のすべての機能を維持しながら、地図の上にオーバーレイを置くことはできますか？
ありがとう：ここ
はJSフィドルリンクです！ CSSのみのソリューションについては
あなたは、オーバーレイに
pointer-events: none;
を使用することができます。唯一の近代的なブラウザの
https://jsfiddle.net/s69qnkcn/1/
作品は、しかし、IE11とまで：http://caniuse.com/#search=pointer-events
これは私が探していたものです！ありがとうございました！ –
私が助けることができてうれしく思うなら、私はあなたの答えを受け入れるでしょう。古いブラウザのサポートが必要な場合は、おそらくJavaScriptのフォールバックを使用する必要があります。 – deadfishli
これは確かに、あなたは古いブラウザを言うとき、どのブラウザについて話していますか？このhttp://caniuse.com/#search=pointer-eventsによると、ほとんどのブラウザはポインタイベントをサポートしています。 –
は、私が考えることができる唯一の解決策は、ポインタ・イベントを使用しないことであろう：オーバーレイ上のどれもが、それは唯一の近代的で機能しますブラウザ。 – deadfishli