1

私はこのウェブサイトをやっています<div>。影の効果を得るために、 Google マップに影を付ける必要があります。

しかし、それは機能していません。

これは私のcssが今どのように見えるかです:

html { 
height: 100% 
}

body { 
height: 100%; 
margin: 0; 
padding: 0 
}

#map_canvas { 
    height: auto;
    z-index: 1;
}

#topBar {
background-image:url(img/top.jpg);
background-repeat:repeat-x;
height: 100px;
min-height:100px;
-moz-box-shadow: 0px 5px 5px #888;
-webkit-box-shadow: 0px 5px 5px #888;
box-shadow: 0px 5px 5px #888;
z-index:900;
}

ご覧のとおり、画像を使用して影を作成しています。しかし、私の問題は、マップが読み込まれていないことです。auto の代わりに固定の高さを指定すると、読み込まれます。しかし、私はその影のようなビジョンを与えることに失敗しています。何が起こるかというと、影のある divの上にマップがロードされます。

私はすでにこのソリューションを試しましたが、成功しませんでした:

Googleマップにdivを浮かせる方法は?

前もって感謝します！

4

1 に答える 1

2

要素に位置を追加するだけで修正されると思います。Z インデックスが機能するには位置が必要です。

「position:relative;」と入力します。両方の要素で問題ありません。

于 2013-01-13T19:56:06.237 に答える