COMMENT FAIRE REBONDIR UN TEXTE SUR UNE IMAGE

Mettez d'abord en place votre code html.

<div id="fond">
  <div id="contenu">BONNE ANNEE 2016 A TOUS</div></div>

Puis votre code CSS entre deux balises <style></style>

Ce code doit être placé après la première "div"

<style>

#fond {
background:url('image.jpg') no-repeat top left;
position:relative;
width:200px;
height:100px;
z-index:1;
}

#contenu {
position:relative;
top:0;
left:0;
width:100px;
background-color: blue;
z-index:10;

}</style>

Puis, avant votre texte

<marquee direction="down" width="250" height="200" behavior="alternate" style="border:solid">
  <marquee behavior="alternate">

Après votre texte

  </marquee>
</marquee>

Il vous reste à mettre le lien de l'image, la taille et la couleur du texte ainsi que les dimensions exactes de l'image.

CODE 

<div id="fond">
<div id=""><marquee behavior="alternate" direction="down" height="375"  style="border: solid; height: 375px; width: 602px;" width="500"><span style="color:#00FFFF;"><span style="font-size:28px;"> </span></span><marquee behavior="alternate" ><span style="color:#00FFFF;"><span style="font-size:28px;"> BONNE ANNEE 2016 A TOUS </span></span></marquee><span style="color:#FFFFFF;"><span style="font-size:72px;"> </span></span></marquee></div>
<style type="text/css">#fond {
background:url('http://data.over-blog-kiwi.com/1/30/51/51/20151229/ob_e8b4ea_dauphin.jpg') no-repeat top left;
position:relative;
width:500px;
height:375px;
z-index:1;
}
#contenu {
position:relative;
top:0;
left:0;
width:100px;
background-color: blue;
z-index:10;
}
</style>
</div>

RESULTAT

BONNE ANNEE 2016 A TOUS