如何創建一個具有跨瀏覽器支持的半實心半透明漸變背景圖像？

Question

我有一個div，我想用下面的方式爲它創建一個背景。上半部分必須是純色，下半部分是半透明色？

我該如何着手創建？使其可以在所有主流瀏覽器中運行？ 沒有分裂成兩個單獨的div。

我被告知這不能做，但必須有一種骯髒，駭客的方式來做到這一點。

有人可以請指出我在正確的方向嗎？或建議一些替代品？所有的幫助，非常感謝。謝謝。

Answer 1

使用透明的PNG作爲背景圖像。使它非常大但很薄，以便可以平鋪它。

Answer 2

我被告知這不能做，但必須有一種骯髒，黑客的方式來做到這一點。

三個字：IE6。

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

我會建議編寫一個即時圖像創建器，爲頁面創建正確的透明圖像並以IE6支持圖像透明度的方式呈現圖像。你當然可以使用幾乎所有支持圖像操作或命令行標註的語言來做到這一點，但它不會很快。然後，您可以使用生成的圖像來實現您的目標。

這將是一個骯髒的黑客方式來做到這一點。

我寫了這樣一個可憎之後，也會用漂白劑洗兩次。但那只是我。