Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

body background changeant

15 réponses
Avatar
Stéphane Santon
Bonjour,

Sur certains site "modernes" (mais je n'arrive plus à mettre la souris
dessus...), il y a en page d'accueil plusieurs articles pleine largeur,
dont l'un apparaît avec une image de fond fixe, avec une trame
semi-transparente sous le texte. Donc quand on scrolle, effet sympa.
Jusque là je vois bien une background-image avec attachment:fixed, et
les articles avec fond uni sauf un.

Mais surtout, certains proposent le même effet de fond fixe quelques
articles plus loin sur la même page, mais avec une image différente...
Que s'est-il passé ? Je ne vois pas comment ça se passerait en pur CSS.
Avec du JS j'imagine que lorsque le n-ième article arrive dans le
visuel on change l'image de fond.

Alors... pur CSS ?
Ou bien Javascript (et donc exemple de code ?) ?

Merci


--
Stéphane
BTS Electrotechnique *** http://www.bts-electrotechnique.fr
En alternance : http://www.ufa-palissy.fr
Domotique : http://www.ecodomotique.fr

5 réponses

1 2
Avatar
SAM
Le 08/03/16 14:14, docanski a écrit :
docanski a écrit le 08/03/16 10:22 :

Ni sur Chromium, ni sur Opera, ni sur Arora, ni sur Qupzilla ...
toujours sous Debian.



ce ne sont même pas des CSS.3 !!!
et p't'et même pas CSS.2.1 ?!

essayer avec un fichier contrôlé par le w3c :
<http://stephane.moriaux.pagesperso-orange.fr/truc/fonds_mouvants_w3c>


Cordialement,
--
Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8
Avatar
docanski
Olivier Miakinen a écrit le 08/03/16 23:10 :

Pour moi, ça fonctionne très bien avec SeaMonkey, que ce soit sur
Windows ou sur Linux Ubuntu. Mais peut-être ne sommes-nous pas
d'accord sur ce que c'est censé faire ?

Alors voilà ce que j'observe.
Dans le cadre en haut à gauche, il y a quatre parties de « lorem
ipsum », chacune précédée d'un titre (de titre 1 à titre 4). Quand
on fait défiler le texte grâce à l'ascenseur vertical, on voit que
derrière chacune des parties le fond est fixe par rapport à la page,
mais que lorsque l'on passe d'une partie à une autre ce fond change.
Ce serait d'ailleurs plus évident pour les parties paires si l'image
n'était pas si uniforme.



C'est ce que j'observe également ... Bref : fond fixe pour chaque
paragraphe et changeant à chaque passage au nouveau paragraphe.
Mais je ne vois pas où on peut nommer cela "fond mouvant".

Cordialement,
--
docanski

Portail et annuaire du nord-Bretagne : http://armorance.free.fr/
Guide des champignons d'Europe : http://mycorance.free.fr/
La vallée de la Rance maritime : http://valderance.free.fr/
Les côtes du nord de la Bretagne : http://docarmor.free.fr/
Avatar
Olivier Miakinen
Le 09/03/2016 11:15, docanski a écrit :

Mais je ne vois pas où on peut nommer cela "fond mouvant".



Oh, en effet, il y a « fonds_mouvants » dans l'URL et « fonds mouvants »
dans l'entête title. Je ne l'avais même pas vu.

Car le titre inscrit en gros dans la page est « fonds fixes multiples »
et Stéphane Santon avait parlé de « fond fixe changeant ».

--
Olivier Miakinen

« Au fond, diviser par zéro revient à unifier la Mécanique Quantique
et la Relativité Générale. » -- M.A. le 7/3/2016 dans fr.sci.maths
Avatar
SAM
Le 09/03/16 11:15, docanski a écrit :

Bref : fond fixe pour chaque
paragraphe et changeant à chaque passage au nouveau paragraphe.
Mais je ne vois pas où on peut nommer cela "fond mouvant".



Ha ?! OK !
C'est donc juste une erreur d’appellation de fichier ?
(et de son titre)

Il y a cependant un effet (d'optique) de mouvance du fond puisque
lorsqu'on change de paragraphe l'un des fonds se rétracte pour laisser
la place à l'autre.
Ou, comment se raccrocher aux branches pour toujours avoir raison ;-)



Cordialement,
--
Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8
Avatar
Olivier Miakinen
Le 09/03/2016 10:17, SAM a écrit :

J'ai changé cette image
hop !
<http://stephane.moriaux.pagesperso-orange.fr/truc/fonds_mouvants>



C'est parfait !

--
Olivier Miakinen

« Au fond, diviser par zéro revient à unifier la Mécanique Quantique
et la Relativité Générale. » -- M.A. le 7/3/2016 dans fr.sci.maths
1 2