イメージをCSSで置き換えよう

Question

私は、現れているイメージを変更するために、FirefoxのプラグインであるStylishでコードを書いています。

画像プロパティは、divタグを持っていないので、私はこれを使用する必要があります。IMGのSRCで、ページ内のどこにでも

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

だから、これは「s_dschjungelplanet」を置き換えます。

私の主な問題は、src = "xxx"を置き換える方法を教えてもらえないかということです。

返信用

Answer 1

簡単な方法はありません。私はあなたがgreasemonkeyスクリプトの方が良いと思います。単純なスクリプトでURLを変更することができます。

私の知る限り、あなたはCSSだけでURLを変更することはできません。 URL（ "myfavorite.png"）：

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を"] { コンテンツこれは、私が唯一のCSSで来ることができた最も近かったです;ない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} 

変更し、あなたのスペックに幅とパディング。それは私のために働いています。