FAT78 - Artisan numérique
 

> Lab > Fond "page html"

mardi 22 décembre 2020

Fond "page html"

Insertion d’une page html comme fond de page

Ci-dessous le code html à écrire en début d’article :

<div style="z-index:-20;position:fixed;top:0px;left:0px;width:100%;height:99vh;">
 <object style="display:block;margin:0;width:100%;height:99vh;"
          data="https://earth.nullschool.net/fr/#current/wind/surface/level/overlay=temp/orthographic=2,46,1000" type="text/html" typemustmatch>
 </object>
</div>
<div style="z-index:-10;position:fixed;top:0px;left:0px;width:100%;height:99vh;background-color:rgba(0, 0, 255, 0.01);">
</div>

Le "div" en dessous ("z=-20") contient l’affichage de la page html dont l’adresse est définie par le paramètre "data".

Au-dessus ("z=-10") une "div" avec fond transparent recouvre la vidéo et la isole des clicks de souris.

Ces deux "div" étant en "position ;fixed" elles restent ancrées à la fenetre du navigateur.

Le contenu de l’article n’est pas modifié : textes, images et médias sont affichés normalement au dessus du fond.


SPIP | | Plan du site | Suivre la vie du site RSS 2.0