jQuery के बिना होवर करते समय div पृष्ठभूमि छवि को कैसे बदला जाए?

Question

मैं होवर ईवेंट पर एक डीआईवी की पृष्ठभूमि को बदलना चाहता हूं। शुद्ध सीएसएस का उपयोग कर ऐसा करने का कोई तरीका है?

Answer 1

हाँ, यह सही सीएसएस के साथ बहुत आसान है, हालांकि मुझे सही याद है, a को छोड़कर किसी भी तत्व पर :hover का समर्थन नहीं करता है। लेकिन निम्नलिखित को अन्य ब्राउज़रों में लगातार काम करना चाहिए:

div { 
    background: #fff url(path/to/image.png) 0 0 no-repeat; 
} 

div:hover { 
    background: #ffa url(path/to/hoverImage.png) 0 0 no-repeat; 
}