如何使用跨浏览器支持创建半实体半透明渐变背景图像？

Question

我有一个div，我想以下面的方式为它创建一个背景。上半部分必须是纯色，下半部分是半透明的颜色？

我该怎么做呢？使其适用于所有主流浏览器？ 不将div拆分为两个单独的。

我被告知无法做到这一点，但必须有某种肮脏，黑客的方式去做。

有人可以指出我正确的方向吗？或建议一些替代方案？非常感谢所有的帮助。感谢。

Answer 1

使用透明PNG作为背景图像。使它非常大但很薄，所以你可以平铺它。

Answer 2

  

我被告知无法做到这一点，但必须有某种肮脏，黑客的方式去做。

三个字：IE6。

如果你能在那里工作，你可以在任何地方工作！

我建议编写一个即时图像创建器，为页面创建恰当的透明图像，并以IE6支持图像透明度的方式呈现它。您当然可以使用几乎任何支持图像处理或命令行标注的语言来做到这一点，它只是不会很快。然后，您可以使用生成的图像来实现目标。

这将是一种肮脏的黑客方式。

在写了这样一个可憎的事后，我也会用漂白剂洗两次。但那只是我。