HTML / CSS：Google如何在其地图上创建此阴影？ [英] HTML/CSS: How does Google create this drop shadow over their maps?

问题描述

问题：Google如何在Google地图上的垂直滚动条旁边创建dropshadow？

Question: How does Google create the dropshadow next to the vertical scrollbar over the Google Map?

这是一个截图，我在说。

This is a screenshot depicting exactly what I'm talking about.

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

This seems to be regardless of browser (IE, Firefox, Chrome) and platform (Windows, Mac, Linux).

推荐答案

它实际上是一系列五个剃刀薄DIV，每个具有减少不透明度，堆叠在彼此。你可以通过使用Firebug并点击阴影区域来看到这个。

It's actually a series of five razor-thin DIVs, each with decreasing opacity, stacked next to each other. You can see this for yourself by using Firebug and clicking on the shadow area.

这篇关于HTML / CSS：Google如何在其地图上创建此阴影？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！