क्या मैं पैरेंट div के होवर पर नेस्टेड छवियों पृष्ठभूमि रंग बदल सकता हूं? - सीएसएस, एचटीएमएल, वेबसाइट, पृष्ठभूमि रंग

यह इस वेबसाइट पर मेरा पहला प्रश्न है, आशा है कि कोई मेरी मदद कर सकता है।

मेरे पास एक पैरेंट डिव है, जो दूसरे पेज का लिंक है। इस div के भीतर एक .png छवि है, और मैं चाहता हूं कि इस png छवि की पृष्ठभूमि का रंग कब बदल जाए मैं अभिभावक div पर मंडराता हूं, न कि केवल छवि।

मैं इसे केवल HTML और CSS में करना चाहता हूं

क्या यह संभव है?

उत्तर:

Html css का उपयोग करके img बैकग्राउंड को बदलना संभव नहीं है, अगर आप इनसे विरासत में मिली img बैकग्राउंड को चाहते हैं, तो पैरेंट पारदर्शी बैकग्राउंड का उपयोग करें। SO का स्वागत है!

मुझे लगता है कि आप कुछ पसंद कर रहे हैं, लेकिन अलग पृष्ठभूमि के रंग को दिखाने के लिए .png को पारदर्शी होने की आवश्यकता होगी

सीएसएस:

#parent{
height: 400px;
width: 400px;
background-color: green;
}
img{
height:100px;
width:100px;
}
#parent:hover img{
background-color:white;
}

एचटीएमएल

<div id="parent">
<img src="/images/something.png" alt="1" />
</div>

जेएसफ़िल्ड उदाहरण