0

現在、プレミアムプレスの子テーマ - realtorpress を作成しています。

実際、私はcssに問題があります。

マップ ボックスを作成していて、この div のシャドウ インディーを表示したい場合。

だから私はそのようなことをしました

<div class="map-box">
    <div id="map_homepage"></div>
</div>

テーマは「Put Me On The Map」jquery API を使用しています。これはcodecanyon.netで入手できます。

だから私はmap-boxのcssをラップします

.map-box {
    width: 610px;
    height: 357px;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.44);
    overflow: hidden;
}

しかし、内側の影が機能していない理由がわかりません...表示されていません..誰かがこの問題を解決するのを手伝ってください。なぜ私がこの問題を引き起こしているのか教えてください。

実際のソース コードを確認したい場合は、私が現在取り組んでいる Web サイトを参照してください http://goo.gl/zXCnU

ありがとうございました

4

2 に答える 2

3

影が表示されています-Googleマップコードはその上に地図を配置します。

ボックス（またはマップ）のz-indexをいじって、マップの上に浮かせるようにしてみてください。

于 2012-05-19T22:29:38.677 に答える
0

影を表示するには、パディングを追加する必要があります：https ://img.skitch.com/20120520-batg116c5eni4h9arp71srreew.jpg

編集：https ：//img.skitch.com/20120520-cc6dun4ecqrekik51s6pgtut35.jpg

于 2012-05-19T22:30:16.580 に答える