2016-08-18 77 views
-1

我必須使用我無法修改的HTML代碼(我無法訪問它),我只能重載CSS。編輯插入到圖像標籤的src中的圖像,只能使用css

我有一個圖像,在圖像標籤,與src參數,在頁面中投擲圖像。我想知道是否有任何方式在CSS來改變這張圖片?

+0

你能用javascript嗎? – fernando

+1

[可以在CSS中設置img標籤的src屬性的等效值嗎?](http://stackoverflow.com/questions/2182716/is-it-possible-to-set-the-equivalent -of-a-src-attribute-of-an-img-tag-in-css) - 如果我正確理解問題。 –

+0

我真的不明白你在問什麼。 – Option

回答

0

有沒有辦法通過純CSS來改變形象src,卻可以做到這一點的方法

HTML部分:

<div class="my-image"> 
    <img src="http://i.telegraph.co.uk/multimedia/archive/03598/lightning-10_3598416k.jpg" /> 
</div> 

的CSS部分:

.my-image img{ 
    opacity: 0;max-width: 100%; 
} 
.my-image{ 
    background-image: url("http://mixstuff.ru/wp-content/uploads/2013/07/15.jpg"); 
    width: 300px; 
    height: 300px; 
    background-size: cover; 
    background-repeat: no-repeat; 
} 

希望這可以幫助。謝謝

+0

謝謝,不幸的是,它不適用於我的特殊環境(salesforce社區構建者),但我在另一個環境中嘗試了它,並且它工作正常,所以我認爲我找不到比您的答案更好的答案。 – dou