Problème avec l'image PNG sur une image en CSS?

J'utilise un rotateur de contenu jQuery et je souhaite placer une image PNG au-dessus d'une image et au-dessus de ce texte.Problème avec l'image PNG sur une image en CSS?

Voici comment mon rotateurs ressemble en HTML:

 <div id="testimonials"> 
    <div class="slides"> 

    <div class = "testimonialContainer"> 
    <div class ="leesmeer"> <a href ="http://site/link"><img src ="http://site/afbeeldingen/test.jpg" ><div class="caption">LORUM IPSUM DOLOR SIT AMET </div></a></div> 
    </div> 

    <div class = "testimonialContainer"> 
    <p class = "testimonial"> 2 </p> 
    <div class ="leesmeer"> <a href ="http://site/link"><img src ="http://site/afbeeldingen/test.jpg" ></a></div> 
    </div> 

</div> 
</div>

Voici CSS:

.testimonialContainer {height: 123px} 

    #testimonials{ 
    width: 210px; 
    height: 125px; 
    } 

    .slides div{ 
    width: 210px; 
    xheight: 25px; 
    xpadding: 5px; 

    .slides div.caption{ 
     background-image: url(../images/h_contentrotator_zwart.png); 
     /*background-color:#000000; 
     filter:alpha(opacity=60); 
     -moz-opacity: 0.6; 
     opacity: 0.6;*/ 
     color: #fff; 
     width: 210px; 
     height: 41px; 
     position: relative; 
     top: -24px; 
     padding: 2px 20px 2px 10px; 
     zbehavior: url("iepngfix.htc") 
    }

Le problème est que l'image PNG ne semble pas aussi le texte n » t apparaît.

Quelqu'un peut-il m'aider?

Source

2009-04-03 sanders

Vous devez ajouter un point au dernier sélecteur (.):

.slides div.caption{

En ce moment, ce n'est pas là, mais devrait être.

Si le problème n'est pas résolu après l'ajout d'un point , alors soyez plus précis. Changer

.slides div.caption

à ceci:

#testimonials a div.caption

et retirer Z du comportement.

Et même s'il n'est pas résolu, donnez-moi un lien vers la page d'accueil du script jQuery.

Source

2009-04-03 09:40:01

merci. J'ai ajouté le point. Mais cela n'a pas résolu le problème ;-) – sanders

Assurez-vous que vous disposez du bon chemin vers l'image d'arrière-plan. Si le style est dans le <head> de la page HTML, le chemin sera relatif à la page HTML. Si le style est dans une feuille de style externe, le chemin sera relatif à l'emplacement du fichier de la feuille de style.

Vous pouvez également commencer à travailler sans les correctifs Internet Explorer 6 PNG, puis réinsérer les correctifs après avoir vérifié que le reste du code est correct.

Source

2009-04-03 14:18:00

Problème avec l'image PNG sur une image en CSS?

Répondre

Questions connexes