मल्टीपल बैकग्राउंड सिंटेक्स - सीएसएस-ट्रिक्स

कई पृष्ठभूमि का समर्थन करने वाले ब्राउज़र (बहुत पहले के दिनों से, फ़ायरफ़ॉक्स 3+) इस तरह एक वाक्यविन्यास का उपयोग करते हैं:

#box ( background: url(icon.png.webp) top left no-repeat, url(texture.jpg.webp), url(top-edge.png.webp) top left repeat-y; )

वे अल्पविराम से अलग किए गए मान हैं और विभिन्न URL, स्थिति, और दोहराने मूल्यों के साथ आप जितने चाहें उतने हो सकते हैं। तुम भी मिश्रण में WebKit gradients गठबंधन कर सकते हैं:

#box ( background: url(… /images/arrow.png.webp) 15px center no-repeat, -webkit-gradient(linear,left top,left bottom,color-stop(0, #010101),color-stop(1, #181818)); )

मैक पर पुराना स्कूल IE सूची में पहली पृष्ठभूमि प्रदर्शित करेगा, लेकिन अन्य ब्राउज़र जो इसे समर्थन नहीं करते हैं वे कठिन असफल होते हैं और बस कोई पृष्ठभूमि प्रदर्शित नहीं करते हैं। यह इसे प्रगतिशील वृद्धि के लिए एक कठिन मामला बनाता है। यही है, जब तक कि आप इसके लिए समर्थन का पता लगाने और फ़ॉलबैक चयनकर्ता लिखने के लिए माडर्निज़्र जैसे टूल का उपयोग नहीं करते हैं, जो केवल उन ब्राउज़रों के लिए एक पृष्ठभूमि की घोषणा करता है जो इसका समर्थन नहीं करते हैं।