用css替换图像

Question

我熟悉用图像替换文本的CSS技术.例如,以下是其中的9个:http://css-tricks.com/nine-techniques-for-css-image-replacement/

有没有替换图像的技术？无论如何,将图像的背景设置为图像,然后隐藏或移动图像的前景(图像src元素).

我正在尝试为具有我想要替换的图像的网站编写皮肤.谢谢.

根据我的理解,他试图在纯CSS中执行此操作,而不更改HTML或JavaScript.

那是正确的.我正在向现有页面添加新样式表.假设我无法修改HTML或使用javascript.

Answer 1

经过一点点的修修补补,我想通了!

img.someclass {
  background: url("NEW IMAGE URL") top right;
  height: 0;
  width: 0;
  padding: 200px 550px 0 0; /* Insert actual image size (height width 0 0) */
}

这将使实际图像的高度和宽度为0,但会扩展框以使用填充填充图像的大小.唯一的缺点是它在旧版本的Internet Explorer中看起来并不完美.