用CSS覆盖HTML img

我的jpeg是一个像素化的肥胖外壳，它以前的自我。。。是否有可能用css样式表覆盖html img高度/宽度代码，而不只是拉伸已经调整过的图像？我问的原因是一个客户让我使用godaddy的快速购物车（邪恶）。它生成的代码更改html中图像的大小。Godaddy只允许css更改，这就是我如何设法至少将图像拉伸回原始大小的方法。不幸的是，尽管我已经编写了imgcss，但似乎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>

//来自CSS
td.imageRow{
填充：10px 0 5px；
垂直对齐：中间对齐；
宽度：192px；
高度：250px；
}
.productTable img{
边界：0无；
宽度：192px；
高度：250px；
}
.产品表a{
宽度：192px；
高度：250px；
}
//从HTML

---

您可以使用！重要覆盖：

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

有关示例，请参见

---

为了说明这一点，我在这里将图像拉伸了一段，以便您可以更清楚地看到覆盖是有效的：。

如果您在新的选项卡/窗口中单独查看图像。图像的维度是什么？它是经过调整大小的较小版本，但html在img标记中没有高度-宽度定义——这让我相信godaddy是在服务器上完成的。也许就是这样，jquery与否。但是为什么他们会在常规站点上有多余的代码呢@Webars我将尝试加载jquery代码。可能会在转换之前捕获。通常，在html中为img标记添加宽度和高度是一个好主意，这会使图像在屏幕上显示的位置已经具有正确的布局，然后如果由于某种原因，图像没有显示，页面的布局就不会混乱。。。所以我想说的是，无论您是否使用attr来调整图像的大小，在其中添加这些标记通常都是一个好主意。是的，我刚刚了解了JSFIDLE，因此从中获得了一些很棒的东西。不幸的是，我下载并注意到的图像原本较小，所以放大后会出现像素化。godaddy站点上也存在同样的问题——在我上传后，他们将其大小调整为更小的大小，然后在代码中调用它并通过我的css运行时，它会放大，但它是像素化的。我很确定这就是正在发生的事情。这就是正在发生的事情。他们可能正在使用服务器端技术来调整图像的大小。在那种情况下你无能为力。如果这是一个dealbreaker，或者是另一个你喜欢并且习惯使用的CMS，你可能想看看WordPress中的购物车插件：）。这很有趣，你的例子即使没有它也能工作！重要的。但据我所知，这段代码绝对不能工作，因为内联样式总是覆盖外部和内部css样式。您是否直接在浏览器中测试了代码？我还没有在JSFIDLE之外测试过它！重要信息将覆盖内联样式，但现在我想，我应该知道CSS宽度将覆盖HTML属性中设置的图像宽度。我想那是我自己知识上的一个缺口！哈，我很高兴我们能从中学习。我希望我们能在它被转换到服务器端之前捕捉到它，因为图像在整个站点的不同位置、不同大小的使用方式，就好像它们是动态转换的。没有骰子@Lee也感谢您解释为什么即使在服务器端转换之后，他们也会添加html大小。我真的很感激所有的帮助。