0

jQuery コンテンツ ローテーターを使用しており、PNG 画像を画像の上とそのテキストの上に配置したいと考えています。

これは、私の回転子が 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>

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

問題は、PNG 画像が表示されず、テキストも表示されないことです。

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

4

2 に答える 2

1

最後のセレクターにドット (.) を追加する必要があります。

.slides div.caption{

現在はありませんが、あるはずです。

ドットを追加しても問題が解決しない場合は、より具体的に記入してください。変化する

.slides div.caption

これに：

#testimonials a div.caption

そして、行動からZを取り除きます。

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

于 2009-04-03T09:40:01.977 に答える
0

背景画像へのパスが正しいことを確認してください。スタイルが<head>HTML ページの にある場合、パスは HTML ページに対する相対パスになります。スタイルが外部スタイルシート内にある場合、パスはスタイルシートのファイルの場所に対する相対パスになります。

また、最初に Internet Explorer 6 の PNG 修正を適用せずに動作させ、残りのコードが正しいことを確認してから修正を追加することもできます。

于 2009-04-03T14:18:00.467 に答える