Html 要获得这样的跨浏览器布局（没有Javascript）、左右放置阴影以及高度灵活，最好的解决方案是什么？

我想做这样的事情：

---

需要重量轻且与IE6兼容。

在Gimp或Photoshop中制作。

在Gimp或Photoshop中制作。

您需要在Photoshop中完成所有操作。创建距离为“0”的dropshadow。然后将带有阴影的白色背景保存为带有透明背景的PNG。阴影将淡入您拥有的任何身体背景中。这就是我们对网站所做的

编辑：
我错过了IE部分

我想另一种选择是在背景图像中使用（蓝色渐变）并将其保存为JPEG。这意味着您的#主包装宽度将是整个白色背景的宽度加上dropshadow和一些蓝白渐变。在CSS中这将是一个挑战，因为你不能垂直重复它，因为背景是从蓝色到白色的渐变

编辑：
此外，您还可以使用IE hack向使用IE6的任何人显示没有阴影的背景，然后对其他使用值得使用的浏览器的人使用透明PNG

<!--[if IE 6]>
Special instructions for IE 6 here
<![endif]-->

---

您需要在Photoshop中完成这一切。创建距离为“0”的dropshadow。然后将带有阴影的白色背景保存为带有透明背景的PNG。阴影将淡入您拥有的任何身体背景中。这就是我们对网站所做的

编辑：
我错过了IE部分

我想另一种选择是在背景图像中使用（蓝色渐变）并将其保存为JPEG。这意味着您的#主包装宽度将是整个白色背景的宽度加上dropshadow和一些蓝白渐变。在CSS中这将是一个挑战，因为你不能垂直重复它，因为背景是从蓝色到白色的渐变

编辑：
此外，您还可以使用IE hack向使用IE6的任何人显示没有阴影的背景，然后对其他使用值得使用的浏览器的人使用透明PNG

<!--[if IE 6]>
Special instructions for IE 6 here
<![endif]-->

要添加到“在photoshop中制作”答案中，另一种解决方案是使用IE PNG“修复”。这使得半透明或透明PNG在IE6中实际起到一定的作用。它并不完美，但测试可能表明它适合您的需要

要添加到“在photoshop中制作”的答案中，另一种解决方案是使用IE PNG“修复”。这使得半透明或透明PNG在IE6中实际起到一定的作用。它并不完美，但测试可能表明它适合您的需要

---

@RocktheSixstring-是否有其他方法不使用PNG来获取此信息。啊，没有使用IE6位。但老实说。。。IE6？如果有任何一家公司仍然支持IE6，那么他们需要（非常努力地）朝着一个新的方向发展。愚蠢的消费者仍然使用IE6。照@RocktheSixstring说的做，但不要使用透明度。在你需要阴影的地方，为你的站点的每一部分都准备一个gif/jpg。讨厌。或者使用IE6 png插件@metal gear solid-大背景图片：）我没有说这是理想的，只是可能。想要支持不支持标准的东西吗？还有额外的工作，无论是结构、图像大小等……你是在妥协，因为它不支持在其他地方都适用的方法。@metal gear Seld and@Nick Craver，IE黑客可能是解决方案。只需为IE6用户使用没有渐变的白色背景，并向其他人显示正确的背景即可。@RockingtheSixstring-有没有其他方法可以在不使用PNG的情况下获得此效果。啊，错过了IE6位。但老实说。。。IE6？如果有任何一家公司仍然支持IE6，那么他们需要（非常努力地）朝着一个新的方向发展。愚蠢的消费者仍然使用IE6。照@RocktheSixstring说的做，但不要使用透明度。在你需要阴影的地方，为你的站点的每一部分都准备一个gif/jpg。讨厌。或者使用IE6 png插件@metal gear solid-大背景图片：）我没有说这是理想的，只是可能。想要支持不支持标准的东西吗？还有额外的工作，无论是结构、图像大小等……你是在妥协，因为它不支持在其他地方都适用的方法。@metal gear Seld and@Nick Craver，IE黑客可能是解决方案。只需为IE6用户使用没有渐变的白色背景，并向其他人显示正确的背景。呵呵，好吧。。。如果你想使用滤镜，你最好使用梯度滤镜，然后就可以了。呵呵，好吧。。。如果你想使用滤镜，你最好使用梯度滤镜。