用 CSS 覆盖 HTML img [关闭]

Question

我的 jpeg 是它以前的自我的像素化肥胖外壳......是否可以用 css 样式表实际覆盖 html img 高度/宽度代码，而不是仅仅拉伸已经调整的图像？我问的原因是客户让我使用godaddy的快速购物车（邪恶）。它生成的代码会更改 html 中图像的大小。 Godaddy 只允许 css 更改，这就是我设法至少将图像拉伸回原始大小的方法。不幸的是，尽管我已经编写了 img css，但似乎首先将 html 应用于图像，然后 css 将图像扩展为讨厌的像素。有可能，除了 html 中的高度和宽度规范之外，godaddy 实际上已经在他们的服务器上将图像转换为更小的尺寸，尽管他们的技术人员否认了这一点，因此代码将是多余的。我正在使用的 CSS 粘贴在下面，GoDaddy 生成的不变代码也是如此。

//FROM CSS

td.imageRow {
  padding: 10px 0 5px;
  vertical-align: middle;
  width:192px;
  height:250px;
}

.productTable img {
  border: 0 none;
  width:192px;
  height:250px;
}

.productTable a {
  width:192px;
  height:250px;
}


//FROM HTML
<tbody>
<tr><td class="imageRow"><a href="/Logo.htm">
    <img width="122" height="160" alt="Logo" src="/images/13129490572471789450105.jpeg">
    </a></td><td class="noBorder"></td><td class="noBorder"></td></tr>
    <tr><td class="titleRow"><a href="/Logo.htm">Logo</a></td><td></td><td></td></tr>
    <tr><td class="priceRow"></td><td></td><td></td></tr>
    <tr><td class="spacer">&nbsp;</td></tr>

Answer 1

您可以使用 !important 覆盖：

.productTable img {
  border: 0 none;
  width:192px !important;
  height:250px!important;
}

有关示例，请参阅 http://jsfiddle.net/GDVXw/。

只是为了说明，我在此处将图像拉伸了一大堆，以便您可以更清楚地看到覆盖有效：http://jsfiddle.net/GDVXw/1/。