2

同僚と私はCSSの問題に数時間困惑していて、なぜそれが起こっているのか正確にはわからないようです。

http://www.currysauto.com/services/brakes/brake-job-rear-disc.aspxを見ると、サムネイル画像は.ndcustomcolorclassと呼ばれるcssルールで取得されており、アルファブルーの画像が表示されます。ただし、大きな画像に同じルールを適用すると、機能していないようです。ただし、より具体的にすると、画像が青に変わります（たとえば、.nivoSlider imgを使用すると、画像が青になります）。私の質問は、サムネイルのように背景色を変更するルールに大きな画像が表示されないのはなぜかということです。

ありがとうございました。

4

1 に答える 1

0

さて、スライダープラグインはあなたに視覚的なトリックを「再生」しているようです。要素内の画像は表示されてaいるものではありません（あるのでわかりますvisibility: hidden）。プラグインはimgメインイメージに別のタグを使用しており、それは少し下にあります（<img class="nivo-main-image">）。ndcustomcolorclassこれが、クラスを適用するために必要な画像です。問題は、画像が動的に生成されるため、最初から画像にクラスを追加することはおそらくできないということです。私は少なくとも2つのオプションを見ることができます：

  • jqueryを介してクラスを追加します。

    $(document).ready(function() {
    $("img.nivo-main-image").addClass("ndcustomcolorclass");
});

  • CSSを直接​​ハックします。

    .nivo-main-image {background: none repeat scroll 0 0 #003D7D;}
于 2012-11-28T13:53:49.040 に答える