用CSS IMG替换HTML IMG？

我正在修改一个网站，但只有更改CSS的权限。我需要更改的大多数元素都正确地标记为id或类，但有一些地方的id或类列在img标记中

我想只使用css替换img标记中的图像。有办法做到这一点吗？也就是说，隐藏src img并且只显示我的css引用的图像

我想只使用css替换img标记中的图像

据我所知，没有。图像的

src

属性不能从CSS更改

我也想不出一个解决办法来做这件事，即使是一个非常笨拙的办法。当然，您可以为图像元素指定

背景图像

，但实际图像将始终位于其前面

---

您必须以某种方式更改原始HTML，使原始按钮是一个带有

背景图像属性的
元素，您可以使用CSS覆盖该属性。
如果您的图像标记位于容器内，则使用以下方法：

<style>

#container {
   background: url('image.png') no-repeat;
   text-indent: -9999;
}

</style>
<div id="container">
    <img src="image.png" alt="image to be replaced" />
</div>


#容器{
背景：url（'image.png'）不重复；
文本缩进：-9999；
}

正如其他人所说，这确实不是一个好的做法，但它是有效的。仅在Chrome中测试。
限制对HTML的访问，但允许编辑CSS是一种奇怪的做法。这两个元素一起生成页面

无论如何，您可以尝试删除或更改“btn_next.png”的名称，使其在从“src”调用时不显示，并使CSS如下所示：

#btn_next {
   background: url('image.png') no-repeat;
   display:block;
   width:150px; /* for example */
   height:30px; /* for example */
}

如果这不起作用，唯一的其他方法是隐藏输入按钮并用背景图像替换li行，但按钮将停止工作。除非您可以访问已经包含的javascript文件，否则您可以查看其他解决方案
 很抱歉发这么晚的帖子（我知道快一年了），但我在做梦时也遇到了同样的问题，
我们网站上使用的一些html是外部调用的，因此编辑html对我来说也不是一个选项。下面是我如何解决这个问题的。。。只使用CSS

如果你有萤火虫，就用它。
现在在HTML中查找要替换的图像。（firebug将显示元素的id和类）

你的HTML应该是这样的，这样它才能工作。（在跨度单元内有一个img src单元）

在img src元素中隐藏这个讨厌的图像

span.Dreamlings_ClassA img {
    display: none !important;
}

就这样！：）

p、 我用的是美国的！“我的css”中的重要标记，用于覆盖其他外部样式表。。
但是如果你的css没有标签也能正常工作，你就不必使用标签。（您只需在带有id和类的css中更加具体）

希望这有帮助

-托尼
这被认为是不好的做法。当图像被认为是内容时，将其与html放在一起，当图像被认为是设计时，将其与css放在一起，这被认为是一种良好的做法。我理解。不过，这也是任务所需要的。所讨论的图像是一个按钮。如果有帮助的话，可以用不同图形样式的相同按钮替换。按钮应该是带有CSS背景图像的锚定标记（）。有时按钮是表单中的输入类型。更简单的是，可以看到，按钮实际上是表单中的src，或者是输入按钮。它确实有一个容器，按钮在一个li中，但是有几个li具有相同的类，称为。抱歉耽搁了，你能把整张表格都寄出去吗？例如，您可以始终使用一系列相邻的选择器（li+li+li），然后使用（li+li+li+li）取消其他选择器。但是变得复杂了。。。lolOk，如果您可以使用CSS3，请使用：n子选择器。例如，li:nth child（4），如果您试图访问第5行。是的，但这是一组具有表单的类似（但不是精确副本）页面的通用css。所以，id和类是我必须处理的。不过，谢谢你的意见杜克，我想知道为什么很难找到关于它的信息。我从来没有这样做过，通常我可以改变一切。事实上，它确实看起来像我的背景：正在工作，但似乎没有显示在它上面的图像。所以我试着搞乱z索引，我甚至进入了输入#btn_next[src$=“.png”]区域……这比我认为第一反应者意识到的更复杂。如果不能仅通过css来完成，那么在下一个html版本可用时，让css工作也不会有什么坏处。那部分我现在无法掌控。谢谢
    <span class="Dreamlings_ClassB">

span.Dreamlings_ClassB {
    background-image: url('../dreamlingsnewpic.png') !important; 
}

span.Dreamlings_ClassA img {
    display: none !important;
}