box-shadow无效

时间:2012-05-19 22:20:13

标签: jquery html css jquery-plugins

我目前正在制作premiumpress的儿童主题 - realtorpress。

实际上我在使用CSS时遇到了麻烦。

当我创建一个地图框时,我想展示这个div的阴影内容。

所以我做了类似的事情

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

主题是使用“将我放在地图上”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;
}

但我不知道为什么内部阴影不起作用......它没有显示..请有人帮助我解决这个问题并告诉我为什么我会导致这个问题。

如果您想查看真实的源代码,您可以访问我正在处理的网站http://goo.gl/zXCnU

谢谢

2 个答案:

答案 0 :(得分:3)

阴影正在显示 - Google地图代码将地图放在顶部。

你可以尝试使用你的盒子(或地图)的z-index来让它漂浮在地图的顶部。

答案 1 :(得分:0)