CSSの画像上にPNG画像が表示されないという問題がありますか？

jQueryコンテンツローテータを使用しています。画像の上とそのテキストの上に PNG画像を配置したいとします。ここでCSSの画像上にPNG画像が表示されないという問題がありますか？

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

CSSをされています：

は、これは私の回転子はHTMLでどのように見えるかです

.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") 
    }

問題は、PNGの画像が表示されないということであり、またtext」はdoesnの出現する。

誰かが私を助けることができますか？

出典

2009-04-03 sanders

あなたは、ドットを追加する必要があり、最後のセレクタで（。）：

.slides div.caption{

は、今のところはありませんが、する必要があります。

のドットを追加しても問題が解決しない場合は、より具体的にしてください。これに

.slides div.caption

を変更します。

#testimonials a div.caption

や行動からZを削除します。

それが解決しない場合でも、jQueryスクリプトのホームページのリンクを私に与えてください。

出典

2009-04-03 09:40:01

ありがとうございます。私はその点を付け加えました。しかし、それは問題を解決しませんでした;-) – sanders

バックグラウンドイメージへの正しいパスがあることを確認してください。スタイルがHTMLページの<head>にある場合、パスはHTMLページに相対的です。スタイルが外部スタイルシート内にある場合、パスはスタイルシートのファイル位置に相対的になります。

また、Internet Explorer 6 PNG修正プログラムを使用せずに動作させ、残りのコードが正しいことを確認した後で修正プログラムを追加することもできます。

出典

2009-04-03 14:18:00

CSSの画像上にPNG画像が表示されないという問題がありますか？

答えて

関連する問題