Bonjour, 
Dans le cadre de l'un de mes projets, je dois utiliser un canvas pour afficher des animations par dessus mon contenu .
La solution que j'ai adopter consiste à attribuer à ma balise un z-index supérieur au reste du contenu.
Le probleme, c'est que puisque le canvas est par dessus, je ne peux plus interagir avec mon contenu (sélection, clic lien, etc).
Merci d'avance !
Modifié par Bousty (22 May 2014 - 15:47)
      
      
    Dans le cadre de l'un de mes projets, je dois utiliser un canvas pour afficher des animations par dessus mon contenu .
La solution que j'ai adopter consiste à attribuer à ma balise un z-index supérieur au reste du contenu.
Le probleme, c'est que puisque le canvas est par dessus, je ne peux plus interagir avec mon contenu (sélection, clic lien, etc).
<!doctype html>
<html lang="fr">
    <head>
        <meta charset="utf-8" />
        <title>Titre</title>
        <link rel="stylesheet" href="css/style.css" />
    </head>
    <body>
        
        <div id="wrap-canvas">
             <canvas></canvas> 
       </div>
        <div id="corps-wrapper">
            <!-- Mon contenu -->
        </div>
        <footer>
        </footer>
    </body>
</html>
#wrap-canvas{
    position: fixed;
    top: 0;  bottom: 0;
    left: 0; right: 0;
    z-index: 100;
}
#corps-wrapper{
    position: relative;
    margin-left: 90px;
    z-index: 5;
}
Merci d'avance !
Modifié par Bousty (22 May 2014 - 15:47)