Я хочу попробовать получить кросс-браузерный градиентный эффект, работающий со значениями rgb с откатами на случай, если браузер его не поддерживает.
Пример jsFiddle: http://jsfiddle.net/HelloJoe/hUxdh/
Кажется, я рассмотрел большинство браузеров, но у меня есть несколько вопросов:
Есть ли какие-либо другие широко используемые браузеры, которые я пропустил, а также какие свойства потребуются для таких устройств, как iPad/SmartPhone, или они будут отображать одно из используемых в настоящее время свойств?
Если случайно градиент не отображается, достаточно ли исходного
background: rgb(50, 50, 50);для создания сплошного цвета?Со значением
filterя не мог заставить его работать, используя значенияrgb, и вместо этого мне пришлось прибегнуть к использованию значенияhex, не то чтобы это была огромная проблема, но я пытаюсь использовать только значенияrgb. Есть ли способ обойти это или он просто не принимает их?Если бы я использовал
rgbaвместоrgb, тогда мне нужно было бы иметь значение градиента фонаrgba, значение фона градиентаrgbв качестве отката для отсутствия рендеринга альфа-прозрачности, а затем откат сплошного фона в случае, если градиент не был визуализирован в все? Или браузер проигнорирует значение альфа-прозрачности и просто отобразитrgbизrgbaбез отдельного возврата фонаrgb?В качестве окончательного резерва для всего, потребуется ли установленное значение
hexв начале свойств CSS? Я думаю, нет никакого вреда в добавлении значенияhex, но идея использованияrgbзаключается в том, что еслиrgbaможно использовать, это позволяет быстро и легко изменить цвет на всем сайте. Таким образом, наличие резервного значенияhexсделало бы использованиеrgb/rgbaбессмысленным для того, для чего я намереваюсь его использовать, поскольку мне все равно нужно было бы просмотреть и отредактировать все значенияhex.
Я немного поискал, и примеры различаются, понимание неверно истолковывается разными людьми, и я просто попытался создать точный рабочий пример получения желаемого результата.