HTML / CSS: How does Google create this shadow over its maps?

Question

Question . How does Google create a dropshadow next to the vertical scroll bar on a Google map?

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

This is similar to the browser (IE, Firefox, Chrome) and the platform (Windows, Mac, Linux).

Answer 1

This is actually a series of five razor divs, each with decreasing opacity, stacked next to each other. You can see it for yourself using Firebug and clicking on the shadow area.

Answer 2

IE 8: use F12, select the arrow control, then click the element you are interested in.

5 divs overlapping, widths 1-5px, "filter: alpha (opacity = x); opacity: 0.x;", x 10 02

Answer 3

, -webkit-box-shadow -moz-box-shadow, .

, <div>, . <div id="ds-v"> ( - DOM, ). , - , , , , .

Answer 4

100% PNG IE, , . PNG, , , DIVs, . - Google . 5 , PNG "" , ( ).