jquery - 如何从单个图像中忽略 img 类

Question

我正在使用 CSS 来确保图像不大于父级以确保响应性并且一切看起来都很好。

但我只是添加了图像缩放。但它显示缩放区域内的孔图像，而不仅仅是一个错误图像

我知道如果删除 img 标签中的 max-width:100% 效果很好，但网站的其余部分没有

我的 CSS

img {
  /* Responsive images (ensure images don't scale beyond their parents) */

   max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */

  width: auto\9;
  /* IE7-8 need help adjusting responsive images */

  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */

  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

当我从特定图像或 JavaScript 调用它时，我只想忽略它

Answer 1

您应该能够简单地执行此操作来覆盖它：

#IDofSomeImage{
    max-width: none;
}

http://jsfiddle.net/Ahxpg/

这是由于css 特异性规则而起作用的。只要这条规则比另一条更具体，它将优先。