सीएसएस

Question

के माध्यम से छवि को प्रतिस्थापित करें मैं दिखा रहा हूं कि छवि को बदलने के लिए स्टाइलिश, फ़ायरफ़ॉक्स प्लगइन में कोड लिख रहा हूं।

छवि संपत्ति एक div टैग नहीं है, इसलिए मैं इस का उपयोग करने के लिए है: कहीं भी पेज में एक img src में

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

तो यह "s_dschjungelplanet" का स्थान ले लेगा।

तो मेरी मुख्य समस्या यह है कि मुझे यकीन नहीं है कि यह src = "xxx" को प्रतिस्थापित करने के लिए कैसे कहें।

उत्तर

Answer 1

कोई आसान तरीका नहीं है। मुझे लगता है कि आप greasemonkey स्क्रिप्ट के साथ बेहतर होंगे, जैसे कि एक साधारण ऐसी स्क्रिप्ट के साथ आप यूआरएल बदल सकते हैं।

जहां तक ​​मुझे पता है, आप केवल सीएसएस के साथ यूआरएल नहीं बदल सकते हैं।

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"] { सामग्री: यूआरएल ("myfavorite.png") यह निकटतम मैं केवल सीएसएस के साथ आने के लिए सक्षम था ; क्रोम में }

काम करता है, फ़ायरफ़ॉक्स में नहीं ...

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} 

बदलें चौड़ाई और अपने चश्मा में पैडिंग। यह मेरे लिए काम किया है।