【发布时间】：2010-03-23 03:14:23
【问题描述】：
问题：Google 如何在 Google 地图上的垂直滚动条旁边创建阴影？
这是一个截图，准确地描述了我在说什么。
这似乎与浏览器（IE、Firefox、Chrome）和平台（Windows、Mac、Linux）无关。
【问题讨论】：
标签： javascript html css dropshadow
【发布时间】：2010-03-23 03:14:23
【问题描述】：
它实际上是一系列五个极薄的 DIV，每个 DIV 的不透明度都在降低，彼此相邻堆叠。您可以使用 Firebug 并单击阴影区域来亲自查看。
【讨论】：
IE 8：使用 F12，选择箭头控件，然后单击您感兴趣的元素。
在这种情况下，它是 5 个 div 重叠，宽度为 1-5px，所有样式均为“filter: alpha(opacity=x); opacity:0.x;”，x 从 10 变为 02
【讨论】：
可能是-webkit-box-shadow 或-moz-box-shadow，具体取决于您的浏览器。
编辑 我刚刚检查了页面，它是一系列<div> 对齐在一起的。在页面源代码中寻找<div id="ds-v">（或者在某种DOM 检查器中，因为这样会更容易）。这很可能是他们为了获得很酷的效果而拼凑起来的某种技巧，但我不知道这有多容易重现。
【讨论】：
-
不，因为它存在于 IE 中。不过好主意
有 100% 可靠的技术可以在 IE 中获得 PNG 透明度，并且如果在有限的区域中使用不会使浏览器陷入困境。他们可以很容易地为此使用垂直重复的小型 PNG，但我猜他们使用 DIV 来跳过额外图像的使用。在谷歌地图网站上，这是一个值得优化的地方。在任何其他网站上，为此使用 5 个 div 并没有什么坏处，但如果您打算在叠加层（用于边和角）上使用 PNG“精灵”可能会更灵活。
【讨论】：