सीएसएस 'निवर्तन छवियाँ'

Question

तो तुम इस तरह कोड है, तो: अगर यह वेबकिट है

background: url('image.png'); 
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000)); 

आपका ब्राउज़र ढाल का उपयोग करेगा, लेकिन अगर यह नहीं है, यह वापस आने और छवि का उपयोग करेगा। यदि आप वेबकिट का उपयोग कर रहे हैं, तो छवि को भी डाउनलोड नहीं किया जाएगा। तो अगर आपके पास:

background: url('image1.png'); 
background: url('image2.png'); 

क्या 'image1' बिल्कुल डाउनलोड किया जाएगा या 'फॉलबैक' छवि लागू होने के समान नियमों को लागू किया जाएगा?

Answer 1

क्रोम (v9.x पर परीक्षण) केवल दूसरी छवि डाउनलोड करेगा। इस sample page

Answer 2

समान नियम लागू होते हैं - क्या हो रहा है (क्रूडली) यह है कि वेबकिट दूसरे नियम को पढ़ता है, यह पहचानता है कि यह पहले स्थानांतरित करता है और ऐसा करता है, और फिर बाद में वास्तव में उनके साथ कुछ करता है इस्तेमाल किया, लेकिन यह तब तक एक मूल्य है। गैर-वेबकिट ब्राउज़र के लिए दूसरा नियम कचरा जैसा दिखता है ताकि वे इसे छोड़ दें जो पहले नियम को छोड़ देता है, फिर भी वहां है, यही कारण है कि यह प्रभावी रूप से फ़ॉलबैक के रूप में काम करता है (भले ही गिरना आगे सही होगा)।

यह सभी ब्राउज़रों के लिए समान नहीं है - हालांकि सभी केवल एक नियम लागू करेंगे IIRC IE6 < पहले नियम का उपयोग करता था और उस "फीचर" के आसपास कुछ पुराने स्कूल हैक थे।