Image de fond fixe



Pour définir une image de fond fixe (qui ne scroll pas) en CSS :



<body style="background-image:url(url de l'image);background-attachment:fixed;">

Commentaires

Enregistrer un commentaire

Posts les plus consultés de ce blog

Scénario d'une gestion durable de l'humanité imaginée par un informaticien

Image
Je me suis aidé de bard.google.com pour établir ce scénario des plus probables. Année 2020 L'humanité est confrontée à une crise globale. La population mondiale a atteint 8,5 milliards d'habitants, et les ressources naturelles sont en train de s'épuiser. Les changements climatiques provoqués ont entraîné des catastrophes naturelles de plus en plus fréquentes et destructrices. Une nouvelle élite mondiale se prend pour le Messie annoncé et décide de prendre les choses en main. Elle lance un programme de gestion durable de l'humanité, visant à réduire la population mondiale à 500 millions d'habitants. Le premier objectif du programme est de collecter le code génétique de chaque personne. Cela est fait au moyen de tests antigéniques obligatoires, qui sont effectués à intervalles réguliers. Les données génétiques collectées sont utilisées pour identifier les individus les plus vulnérables, tels que les personnes âgées, les personnes malades, les personnes en surpoids. Le...
Lire la suite

Comment éviter que deux divisions se chevauchent ?

Image
Quand on utilise l'attribut float:left; dans une division ( <div> ), il arrive souvent qu'on ne puisse pas dimensionner la hauteur du conteneur.  Cela produit ceci : La division Voir tous les événements chevauche la division précédente qui contient des divisions avec l'attribut float:left; Pour obtenir un écart entre les deux divisions, il est nécessaire d'ajouter dans la première division l'attribut overflow:auto; Exemple de code HTML : <div style="position:relative;...; overflow:auto; ">        <div style="float:left; ..."></div>        <div style="float:left; ..."></div>        <div style="float:left; ..."></div>        ... </div> <div style="position:relative;...">     Voir tous les événements </div>
Lire la suite