CSS3 Crossbrowser Gradient Contexte avec RGB / RGBA et Fallbacks

Question

Je veux essayer d'obtenir un effet de gradient de navigateur croisé en travaillant avec rgb Valeurs avec les dossiers au cas où le navigateur ne le prend pas en charge.

Exemple de JSFiddle: http://jsfiddle.net/hellojoe/huxdh/

Je crois que j'ai couvert la majorité des navigateurs, mais j'ai quelques questions:

1. Y a-t-il d'autres navigateurs que j'ai manqués qui sont couramment utilisés, ainsi que quelles propriétés seraient nécessaires pour les appareils tels que les iPads / smartphones, ou rendraient-ils à partir de l'une des propriétés actuellement utilisées?

2. Si par hasard le gradient n'est pas rendu, a l'original background: rgb(50, 50, 50); Assez pour générer juste une couleur unie?

3. Avec le filter valeur, je n'ai pas pu le faire fonctionner en utilisant rgb valeurs et a dû recourir à l'utilisation d'un hex valeur à la place, pas que ce soit un énorme problème, mais j'essaie uniquement d'utiliser rgb valeurs. Existe-t-il un moyen de vous-même ou ne les accepte-t-il tout simplement pas?

4. Si je devais utiliser rgba à la place de rgb aurais-je alors besoin d'avoir un rgba Valeur d'arrière-plan du gradient, un rgb Valeur du fond du gradient en tant que rabais pour ne pas rendre la transparence alpha, puis un arrière-plan solide dans le cas où aucun gradient n'était rendu du tout? Ou le navigateur ignorerait-il la valeur de transparence alpha et afficherait-il simplement le rgb du rgba Sans séparé rgb arrière-plan se replient?

5. Comme un dernier rabais pour tout, aurait un set hex La valeur au début des propriétés CSS est nécessaire? Je suppose qu'il n'y a pas de mal à ajouter un hex valeur mais l'idée d'utiliser rgb c'est si rgba est utilisable, cela permet un changement de couleur rapide et facile sur tout le site. Donc avoir un retombée hex la valeur ferait de l'utilisation rgb/rgba inutile pour ce que j'ai l'intention, il est utilisé car j'aurais besoin de passer et de modifier tout hex valeurs de toute façon.

J'ai fait un peu de recherche et des exemples varient, la compréhension est mal interprétée entre différentes personnes et j'essayais de créer un exemple de travail précis pour obtenir le résultat souhaité.

Answer 1

Puis-je vous suggérer ce site Web pour vous aider avec vos dégradés et votre repli:
http://www.colorzilla.com/gradient-editor/