用css替换当前的html图像

时间:2013-05-15 12:27:14

标签: html css css3

我在尝试用CSS替换此图像时遇到问题,我无法访问html。

http://jsfiddle.net/ES4mH/

<img 
  width="64" 
  height="64" 
  border="0" 
  style="width: 64px; height: 64px;" 
  src="http://www.nitrografixx.com/2013/lock-icon.gif">
</img>

我尝试了这一点,虽然它将图像作为背景添加到当前图像,但它并没有替换它。

img[src='http://www.nitrografixx.com/2013/lock-icon.gif'] {
  background: url(http://www.nitrografixx.com/2013/lock_bg.jpg) center !important;  
}

2 个答案:

答案 0 :(得分:8)

试试这个

<style>
.className{
    content:url("http://www.nitrografixx.com/2013/lock_bg.jpg");
}
</style>
<img class="className"/>

答案 1 :(得分:3)

您正在做的是将图像添加到图像元素的背景中,但图像元素仍然具有指向原始图像的源属性,这就是它未被删除的原因。你应该使用javscript删除元素,如果可能的话,用其他东西替换它。