Background-origin

Voici une info que j'ai lu à propos de background-clip :

Ten a écrit :
Re,

je viens d'effectuer une série de tests et effectivement, ça ne fonctionne sur aucun navigateur !! Je ne saurais pas t'en dire d'avantage, si ce n'est qu'en utilisant une div étirée sur tout le body et en lui collant le background, et bien ça fonctionne

Edit : Bingo !

Lis un peu ça. J'avoue ne pas tout comprendre mais ça semble impliquer une relation entre les éléments html et body, dans le cas ou html n'aurait pas de background.

Adjoint aux explications présentes sur Alsacréations que tu as surement déjà lues, je me suis amusé à tester autre chose - voilà le résultat.

En réalité donc, background-clip fonctionne sur le body à condition qu'un background non transparent soit appliqué à html. Tu peux ruser en utilisant une valeur rgba très faible, ou une couleur de ton choix, mais ça semble être une condition sine qua non.

Voilà ! C'est une maigre consolation mais j'espère que ça pourra t'aider à atteindre ton but !

Bonne continuation.

Mais, est-ce que c'est la même chose pour background-origin?

Bonjour,

Il faudrait voir quels types de tests ont été fait (et avec les bons préfixes) parce que normalement, background-clip et background-origin sont supportés par un bon nombre de navigateurs :

http://caniuse.com/#search=background-clip

Ensuite, mais ceci est un autre problème, il y a effectivement des précautions à prendre si tu veux appliquer des backgrounds sur body, car html "hérite" par défaut de la couleur de fond du body par exemple.
Modifié par Raphael (02 Nov 2012 - 12:56)

Pouvez-vous faire une exemple qui fonctionne svp?
Modifié par djun (02 Nov 2012 - 21:20)