JavaScript (この場合は Google マップ API v3) を含む別の div(2) の上に背景画像を div(1) でオーバーレイしたいと思います。これは可能ですか？
z-index をいじってみましたが、運が悪く、他の div を配置するために div(1) に依存しているため、絶対配置を使用できません。
簡単な例はここにあります - _
Google マップに _ 吹き出しを重ねて表示しようとしています。
2 に答える
1
まず、知っておくべき詳細がたくさんあるので、コード例は良い考えです。(たとえば、div(1) の位置に依存する他の div は何ですか?)
box-model または inline(model) で div をオーバーレイすることはできません。
負のマージンを使用して div(1) を div(2) の上に移動することもできますが、これは洗練された解決策ではありません。
絶対配置は明らかに好ましい解決策であるため、絶対配置の使用を再検討する必要があります。
于 2012-09-23T16:48:40.550 に答える
0
背景画像を含む div(1) を半透明の Google マップ コンテナの下に配置することをお勧めします。これにより、引き続き Google マップ コントロールにアクセスできるようになります。opacityこれは、両方のコンテナーでおよびz-indexCSS プロパティを使用することで実現できます。
これは、Google Maps API を使用したライブ デモの JS フィドルです: jsfiddle.net/Xk87Y/
于 2012-09-23T17:03:32.760 に答える