Как создать полутвердое, полупрозрачное градиентное фоновое изображение с поддержкой кроссбраузерности?

Question

У меня есть div, и я хотел бы создать для него фон следующим образом.Верхняя половина должна быть сплошным цветом, а нижняя половина полупрозрачной?

Как мне создать это?заставить его работать во всех основных браузерах? без разбиения div на два отдельных.

Мне говорят, что это невозможно, но должен быть какой-то грязный, хакерский способ сделать это.* Может кто-нибудь указать мне правильное направление?или предложить какие-то альтернативы?вся помощь очень ценится.Спасибо.

Answer 1

Используйте прозрачный PNG в качестве фонового изображения.Сделайте его очень большим, но тонким, чтобы его можно было разложить на плитки.

Answer 2

Мне говорят, что этого нельзя сделать, но должен быть какой-то грязный, хакерский способ сделать это.

Три слова: IE6.

Есливы можете заставить его работать там, вы можете заставить его работать где угодно!

Я бы предложил написать средство для создания изображений на лету, которое создает только правильное прозрачное изображение для страницы и отображает его в таком видеТаким образом, IE6 поддерживает прозрачность изображения.Конечно, вы могли бы использовать практически любой язык, который поддерживает манипуляции с изображениями или выноски из командной строки, это просто не будет быстрым.Тогда вы могли бы использовать это сгенерированное изображение для достижения ваших целей.

Это был бы грязный хакерский способ сделать это.

Я бы также дважды промыл отбеливателем после написания такой мерзости.Но это только я.