Javascript HTML/CSS：谷歌如何在他们的地图上创建这种阴影？

问题：谷歌如何在谷歌地图的垂直滚动条旁边创建dropshadow

这是一张截图，完全描述了我所说的内容

这似乎与浏览器（即Firefox、Chrome）和平台（Windows、Mac、Linux）无关。

可能是或，取决于您的浏览器

---

编辑我刚刚检查了页面，它是一系列对齐在一起的

。在页面源代码中查找

（或者在某种DOM检查器中查找，这样会更容易）。这很可能是他们为了得到一个很酷的效果而进行的某种破解，但我不知道这有多容易复制。

这实际上是一个由五个极薄的div组成的系列，每个div的不透明度都在降低，彼此堆叠在一起。通过使用Firebug并单击阴影区域，您可以自己看到这一点。

IE 8：使用F12，选择箭头控件，然后单击您感兴趣的元素

---

在这种情况下，它有5个div重叠，宽度1-5px，所有的样式都是“filter:alpha（opacity=x）；opacity:0.x；”，x从10到02

有100%可靠的技术可以在IE中获得PNG透明度，如果在有限的区域使用，不会使浏览器陷入困境。他们可以很容易地使用一个垂直重复的小PNG，但我猜他们使用div来跳过额外图像的使用。在谷歌地图网站上，这是一个值得的优化。在任何其他网站上，使用5个div都不会有什么坏处，但是如果你打算在覆盖层（用于边和角）上使用PNG“sprite”可能会更灵活。

没有，因为它出现在IE中。不过这是个好主意