Problème avec le code de transparence d'image. L'image ne s'affiche pas.

[Minah Wolf]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : 23/07/2015
Lien du forum : http://test-sabrina.forumgratuit.org/

Description du problème

Bonjour !

J'ai un petit soucis mon code. Je veux qu'une image devienne transparente pour afficher du texte mais l'image ne s'affiche pas.

Voici le CSS :

Code:

.img
{ position: absolute;
 display: block;
 margin-top: 0px;
  width: 470px;
 height: 190px;
 overflow: auto;
  background-color: #EEE29D;
  font-size: 13px;
 color: #45454A;
  font-family: arial;
  padding: 15px;
  opacity: 0;
 -moz-opacity: 0;
 -khtml-opacity: 0;
 filter: alpha(opacity=0); }
.img:hover
{  opacity: 0.8;
 -moz-opacity: 0.8;
 -khtml-opacity: 0.8;
 filter: alpha(opacity=100); }

Et le code HTML :

Code:

<center><div class="titre1">Prénom Prénom² Nom</div>
<div class="cadre1"><center><span style="display: block; width: 500px; heigh: 200px; background: url(http://33.media.tumblr.com/16a7b50b5ad8e9acb2c05664f7bd0fc1/tumblr_inline_mqnlj5nEwQ1qz4rgp.gif);"><span class="img">uc</span></span></center>
ici</div>

</center>

Merci d'avance.

[Teurancher]

Chalut,
Petite erreur dans ton code HTML, essaie avec celui-ci;

Code:

        <center><div class="titre1">Prénom Prénom² Nom</div>
        <div class="cadre1"><center><span style="display: block; width: 500px; height: 200px; background: url(http://33.media.tumblr.com/16a7b50b5ad8e9acb2c05664f7bd0fc1/tumblr_inline_mqnlj5nEwQ1qz4rgp.gif);"><span class="img">uc</span></span></center>
        ici</div>
       
        </center>

[Minah Wolf]

C'est ça merci. Mince une si petite boulette.

[Teurancher]

Une lettre change tout. ^^

[Minah Wolf]

Oui.