Comment utiliser les propriétés fournisseurs dans plusieurs Fonds?

Question

Je veux utiliser plusieurs arrière-plans dans css, qui sont actuellement pris en charge par Firefox 3,61, Chrome / Safari, soi-disant Opera10.5 (ne fonctionne pas sur gnu / linux). Il fonctionne bien, mais je voudrais utiliser des gradients linéaires en arrière-plan. il fonctionne bien pour Firefox, ne fonctionne pas du tout avec Chrome, mais je ne peux pas comprendre comment le faire fonctionner pour les en même temps . tous les indices? http://snook.ca/archives/html_and_css/multiple-bg-css- gradients est venu le plus proche de ce que je dois correspondre, mais je ne pouvais pas le faire fonctionner avec du chrome encore.

Answer 1

cela a fonctionné pour moi. il semble que la mise mozilla après WebKit fait webkit reconnaître l'existence d'un second paramètre pour background-image et UNSET sa déclaration ancienne. Je suis donc placer la déclaration -moz avant -webkit.

  background-image: url("../images/block_stripe_bg.png"); /* for older browsers */
  background-image: url("../images/block_stripe_bg.png"), -moz-linear-gradient(center top, white, #dddddd); /* works for mozilla, ignored by other browsers */
  background-image: url("../images/block_stripe_bg.png"), -webkit-gradient(linear, center top, center bottom, from(white), to(#dddddd)); /* works for webkit, ignored by other browsers */
  background-repeat: repeat; /* older browsers */
  background-repeat: repeat, no-repeat; /* newer browsers should apply this to both backgrounds*/

Answer 2

Je ne suis pas positif, mais je pense que le chrome ne vient supporte pas encore. Bien que plusieurs images de fond et des gradients de css sur un élément sons vraiment agréable, je recommande toujours l'utilisation de plusieurs éléments avec une image de fond chacun. Pour une raison quelconque, il y a encore des gens qui utilisent IE qui n'est pas CSS3 sympa du tout.