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.