css - 通过css替换图像

Question

我正在用 Firefox 插件 Stylish 编写代码来更改显示的图像。

image 属性没有 div 标签，所以我必须使用这个：

img[src*="s_dschjungelplanet"]{
##########
}

因此，这将替换页面中任何位置的“s_dschjungelplanet”，在 img src 中。

所以我的主要问题是我不确定如何告诉它替换 src="xxx"。

Ta 回复

Answer 1

没有简单的方法。我认为您最好使用greasemonkey 脚本，因为使用简单的此类脚本您可以更改网址。

据我所知，您不能仅使用 css 更改 url。这是我能用css最接近的：

img[src*="s_dschjungelplanet"]{
    width:0;
    height:70px;
    padding-right:250px;
    background:transparent url(http://i.stackoverflow.com/Content/Img/stackoverflow-logo-250.png) top left no-repeat;
}

Answer 2

你可以试试这个：

img[src*="s_dschjungelplanet"]{ 内容: url("myfavorite.png"); }

在 Chrome 中工作，而不是在 Firefox 中......

Answer 3

img[src*="http://url-of-image-to-be-replaced.jpg"]{
    background-image: url("https://url-of-image-you-want-to-display.jpg");
    width:38px;
    display:inline-block;
    padding:38px 0 0 0;
    height: 0px}

根据您的规格更改宽度和填充。它对我有用。