CSS3 Crossbrowser Gradient Background с rgb / rgba и откатами

Question

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

Пример jsFiddle: http://jsfiddle.net/HelloJoe/hUxdh/

Я считаю, что рассмотрел большинство браузеров, но у меня есть несколько вопросов:

1. Есть ли какие-либо другие часто используемые браузеры, которые я пропустил, а также какие свойства потребуются для таких устройств, как iPad / SmartPhones, или они будут отображаться из одного из используемых в настоящее время свойств?

2. Если по случайности градиент не отображается, достаточно ли исходного кода rgb для создания только сплошного цвета?

3. Со значением background: rgb(50, 50, 50); я не смог заставить его работать, используя значения filter, и мне пришлось прибегнуть к использованию значения rgb вместо этого, не то чтобы это огромная проблема, но я пытаюсь использовать только hex значения. Есть ли способ обойти это или он их просто не принимает?

4. Если бы я должен был использовать rgb вместо rgba, тогда мне понадобилось бы значение фона градиента rgb, значение фона градиента rgba в качестве отступления для отказа от рендеринга альфа-прозрачности, а затем снова если градиент не отображался вообще? Или браузер проигнорирует значение альфа-прозрачности и просто отобразит код rgb из кода rgb без отдельного фона кода rgba?

5. В качестве последнего отката для всего, потребуется ли в начале свойств CSS установить значение rgb? Я думаю, нет ничего плохого в добавлении значения hex, но идея использования hex заключается в том, что если rgb можно использовать, это позволяет быстро и легко изменить цвет по всему сайту. Таким образом, наличие запасного значения rgba сделало бы использование hex бессмысленным для того, для чего я собираюсь его использовать, поскольку мне все равно придется пройти и отредактировать все значения rgb/rgba.

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

Answer 1

Могу я предложить вам этот веб-сайт, чтобы помочь вам с градиентами и резервным копированием:
http://www.colorzilla.com/gradient-editor/