वेबसाइट पर वेबपी छवियों का उपयोग करें

Question

मैं अपने वेबपृष्ठों पर पृष्ठभूमि छवियों के रूप में वेबपी प्रारूप में छवियों का उपयोग करने का प्रयास करना चाहता हूं। लेकिन मुझे यकीन नहीं है, सीएसएस में स्थिति कैसे बनाते हैं कि यदि ब्राउज़र वेबपी प्रारूप का समर्थन नहीं करता है तो इस मामले में क्लासिक jpg छवि का उपयोग करें। मैं इस उदाहरण कोड मिल जाए, यह कली

.mybackgroundimage { 
    background-image: url("image.jpg"); 
    background-image: image("image.webp" format('webp'), "image.jpg"); 
} 

Answer 1

काम नहीं करता है आप चाहे ब्राउज़र समर्थन webp या नहीं का पता लगाने और फिर इसे करने के लिए उपयुक्त शैली लागू

.no-webp .mybackgroundimage 
{ 
background: url('image.jpg') no-repeat; 

} 

.webp .mybackgroundimage 
{ 
background: url('image.webp') no-repeat; 

}