Jquery 长方体阴影不工作

我目前正在创建premiumpress-realtorpress的儿童主题

实际上，我在css方面遇到了麻烦

当我创建一个贴图框时，我想显示这个div的阴影

所以我做了类似的事情

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

但我不知道为什么里面的阴影不起作用。。。它不显示。。请有人帮我解决这个问题，并告诉我为什么我造成这个问题

如果你想查看真正的源代码，你可以访问我现在正在开发的网站

---

谢谢

阴影正在显示-谷歌地图代码将地图放置在阴影上方

---

你可以试着摆弄方框（或地图）的z索引，让它漂浮在地图顶部。

阴影正在显示-谷歌地图代码将地图放置在其顶部

---

您可以尝试使用方框（或地图）的z索引使其浮动在地图顶部。

您需要为阴影添加一些填充以显示：

---

编辑：

您需要为阴影添加一些填充以显示：

---

编辑：

阴影实际上位于地图下方（仅当地图加载时才可见）。解决方法：在整个物体上放置一个div，并给它一个方框阴影<代码>在此加载内容阴影实际上是可见的。但由于周围的地图颜色，它似乎是不可见的。如果将“缩放级别”设置为0，则可以在地图上清晰可见。@19greg96谢谢，可以使用了。但我造成了另一个问题，现在我无法移动地图位置。你还有其他解决方案吗？你也可以制作4个阴影PNG，并将它们放置在地图上，这样它们只覆盖地图所有侧面的10px。阴影实际上位于地图下方（只有在地图加载时才可见）。解决方法：在整个物体上放置一个div，并给它一个方框阴影<代码>在此加载内容阴影实际上是可见的。但由于周围的地图颜色，它似乎是不可见的。如果将“缩放级别”设置为0，则可以在地图上清晰可见。@19greg96谢谢，可以使用了。但我造成了另一个问题，现在我无法移动地图位置。你还有其他解决方案吗？你也可以制作4个阴影PNG，然后把它们放在地图上，这样它们只覆盖地图的10像素。尽管如此，如果你这样做，地图不会被阴影覆盖。我也尝试过这种方法，但在firefox中不起作用。我想你使用的是IEhmm，我在firefox中试过了，但没有像你提供的图像那样响应。好的，我把它包装在另一个框中，在上面加上阴影和填充物，并减小了地图框的宽度：尽管如此，如果你这样做，地图不会在阴影下。嗯，我也尝试过这种方法，但在firefox中不起作用。我想你正在使用IEhmm，我在firefox中尝试过，但没有像你提供的图像那样响应。好的，我将其包装在另一个框中，在其上添加阴影和填充，并减小地图框的宽度：

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