Problem mit PNG-Bild oben auf einem Bild in CSS?

Ich benutze einen jQuery Inhalt Rotator und ich möchte ein PNG Bild auf ein Bild und oben auf diesem Text platzieren. DieseProblem mit PNG-Bild oben auf einem Bild in CSS?

ist, wie mein Rotator wie in HTML aussieht:

 <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>

Hier sind die 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") 
    }

Das Problem ist, dass das PNG-Bild nicht angezeigt und auch der Text doesn‘ t erscheinen.

Kann mir jemand helfen?

Quelle

2009-04-03 sanders

Sie benötigen einen Punkt am letzten Selektor hinzufügen (.):

.slides div.caption{

Im Moment ist es nicht da ist, sollte aber sein.

Wenn das Problem nach dem Hinzufügen eines Punktes nicht gelöst wird, dann konkretisieren. Ändern

.slides div.caption

dazu:

#testimonials a div.caption

Und entfernen Z von Verhalten.

Und auch wenn es nicht gelöst ist, dann geben Sie mir einen Link von jQuery Skript Homepage.

Quelle

2009-04-03 09:40:01

danke. Ich habe den Punkt hinzugefügt. Aber es hat das Problem nicht gelöst ;-) – sanders

Stellen Sie sicher, dass Sie den richtigen Pfad zum Hintergrundbild haben. Wenn sich der Stil in der <head> der HTML-Seite befindet, wird der Pfad relativ zur HTML-Seite sein. Wenn sich der Stil in einem externen Stylesheet befindet, ist der Pfad relativ zum Dateispeicherort des Stylesheets.

Sie könnten auch wollen, dass es funktioniert, ohne die Internet Explorer 6 PNG-Fixes zuerst, und fügen Sie dann die Fixes zurück, nachdem Sie den Rest des Codes korrekt ist.

Quelle

2009-04-03 14:18:00

Problem mit PNG-Bild oben auf einem Bild in CSS?

Antwort

Verwandte Themen