Placer un dans un

Je prends une div dans un élément de canvas comme suit:

  

Ici, les deux ont la hauteur et la largeur. Mais ici je ne peux pas voir la div !

N’est-il pas possible de prendre un div ou un p dans une canvas ?

Vous ne pouvez pas placer d’éléments à l’intérieur d’un canevas (et les deux sont affichés); ils ne sont affichés que si le navigateur ne comprend pas l’élément canvas.

Si vous souhaitez positionner des éléments sur la même zone qu’une canvas, voici une technique (parmi d’autres) qui vous permettrait de le faire:

HTML

 

CSS

 #canvas-wrap { position:relative } /* Make this a positioned parent */ #overlay { position:absolute; top:20px; left:30px; } 

Voici une autre technique qui permet au contenu de la division de circuler normalement et qui fait de la canvas un arrière-plan du contenu:

CSS

 #canvas-wrap { position:relative; width:800px; height:600px } #canvas-wrap canvas { position:absolute; top:0; left:0; z-index:0 }