如何使用CSS更改图像源？

我想改变显示的图像只是与CSS

<a href="/"><img id="image1" src="http://somepic.jpg"></a>

---

既然

src

没有css，我想我必须让它透明，并在背景中显示另一个图像？

你不能。您可以使用Javascript更改它

---

使用CSS，您可以将图像设置为

display:none在父元素上设置背景图像。
我建议以下备选方案：


（特别是）如果
使用javaScript

虽然CSS确实只是为了演示而制作的，但是CAS（级联属性表）已经被提出并正在考虑之中，而且我认为出于基本目的，下面的代码应该适合您

<style>
a:after
{
content:url(your_image.jpg);
}
#image1
{
display:none;
}
</style>


a:以后
{
内容：url（your_image.jpg）；
}
#图1
{
显示：无；
}
你不能用css+1更改图像标签的src属性，但正如你所说，Javascript是一种解决方法。你也可以将图像设置为
可见性：隐藏
，而不是
显示：无
，这样父图像将保持与图像相同的大小，但是在它的位置显示
背景图像
；宽度：100px；高度：50px；背景：url（'/some_otherpic.jpg'）；背景重复：无重复