css - CSS 问题：将类应用于滑块图像标签以更改背景颜色

Question

一个同事和我已经被一个 CSS 问题难住了几个小时，我们似乎并不确切地知道它为什么会发生。

如果您查看http://www.currysauto.com/services/brakes/brake-job-rear-disc.aspx，缩略图图像会根据名为 .ndcustomcolorclass 的 css 规则拾取，该规则会将图像变为蓝色。但是，将相同的规则应用于大图像，它似乎不起作用。但是，更具体会更改图像蓝色（假设您要使用 .nivoSlider img，这会使图像变为蓝色）。我的问题是，为什么大图像没有像缩略图那样根据规则改变背景颜色。

谢谢你。

Answer 1

好吧，滑块插件似乎在给你“玩”视觉技巧。元素内的图像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;}