css - css で画像を置き換える

Question

表示される画像を変更するために、firefox プラグインであるスタイリッシュにコードを書いています。

画像プロパティには div タグがないため、これを使用する必要があります。

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

これにより、ページ内の img src の「s_dschjungelplanet」が置き換えられます。

したがって、私の主な問題は、src="xxx" を置き換えるように指示する方法がわからないことです。

返信用の Ta

Answer 1

簡単な方法はありません。単純なスクリプトで URL を変更できるので、グリースモンキー スクリプトを使用したほうがよいと思います。

私が知る限り、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"]{ content: url("myfavorite.png"); }

FirefoxではなくChromeで動作します...

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}

幅とパディングを仕様に変更します。それは私のために働いた。