我愿意为包含 Google Maps 元素的标签添加一些插入框阴影。但是,似乎什么也没发生,可能是因为 Google 在原始元素中加载了一些其他 div,因此覆盖了生成的 box-shadow。
我怎样才能达到这个效果?
这是我的代码:
<section id="map-container">
<figure id="map"></figure>
</section>
#map-container {
position: relative;
float: right;
width: 700px;
background-color: #F9FAFC;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
#map {
position: relative;
height: 400px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
box-shadow: 0 1px 0 0 #F6F7FB inset, 0 -1px 0 0 #E0E5E1 inset, 0 -2px 0 0 #EBEBED inset, 0 -3px 0 0 #F4F4F6 inset;
}
谢谢!