如何创建一个具有跨浏览器支持的半实心半透明渐变背景图像？

Question

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

我该如何着手创建？使其可以在所有主流浏览器中运行？ 没有分裂成两个单独的div。

我被告知这不能做，但必须有一种肮脏，骇客的方式来做到这一点。

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

Answer 1

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

Answer 2

我被告知这不能做，但必须有一种肮脏，黑客的方式来做到这一点。

三个字：IE6。

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

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

这将是一个肮脏的黑客方式来做到这一点。

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