用CSS替換當前的html圖像

我有問題試圖用CSS替換此圖像，我無法訪問html。用CSS替換當前的html圖像

<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; 
}

來源

2013-05-15 user2250423

而不是背景屬性，使用內容屬性。 –

你的代碼工作正常。你對CSS說'當他發現一個帶有'src'屬性的'img'元素作爲他的屬性值，然後將'img'元素的背景圖像更改爲你在他的'background CSS上的財產。您必須將'background'屬性更改爲'content' – DaGLiMiOuX

如果您有Javascript，那麼最好使用它代替CSS，因爲您可以直接訪問圖像並對其進行更改，而不是嘗試應用「內容」 '通過CSS的屬性。 –

試試這個

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

來源

2013-05-15 12:29:41 PSR

由於OP無法訪問HTML，因此您需要將'.className'更改爲'img [src ='http：//www.nitrografixx.com/2013/lock-icon.gif']'？ – Klors

這絕對是在CSS中去的方式（所以：對問題的回答很好）。但是Javascript是處理這個問題的更好方法。 –

@ user2250423你現在是否解決了這個問題 – PSR

你在做什麼是添加圖像的圖像元素的背景，但圖像元素仍然指向原始圖像的來源屬性，這就是爲什麼它不是被刪除。如果可能的話，你應該使用javscript去除元素並用其他東西代替。

來源

2013-05-15 12:30:00 Rob

我沒有訪問的HTML，不能添加一個Java的網站，我只能改變現有的CSS – user2250423

@ user2250423 Java不是JavaScript。幾乎所有瀏覽器都提供Javascript。 – Rob

用CSS替換當前的html圖像

回答

相關問題