सीएसएस: पृष्ठभूमि-स्थिति के साथ अलग-अलग कोने ऑफसेट्स

Question

मुझे कई पृष्ठभूमि का उपयोग करके बटन बनाने में कुछ समस्याएं आ रही हैं। मुझे पता है कि मैं इसका उपयोग कर सकता हूं: पहले और बाद में, लेकिन यदि संभव हो तो मैं इसे समझना चाहता हूं।

यहाँ Jsfiddle http://jsfiddle.net/syren/qerUT/1/

कि में, मैं दिखाया है कि मैं क्या अंततः यह की तरह लग रहे करना चाहते हैं। कि एक में, मैं

background-position: left top, 97% 90%; 

इस्तेमाल किया बस दिखाने के लिए मैं इसे तरह देखने के लिए क्या चाहते हैं। जब से मैं यह अन्य बटन के लिए और अनुवाद के लिए उपयोग करने के लिए शान से विस्तार करने में सक्षम होना चाहता हूँ, मैं इस का उपयोग करना चाहते:

background-position: left top, right 5px bottom 5px; 

लेकिन यह काम नहीं कर रहा। Spec के अनुसार यह चाहिए, तो मुझे यकीन नहीं है कि मैं क्या गलत कर रहा हूँ। कोई विचार? धन्यवाद!

Answer 1

मैंने एक ही चीज़ करने की कोशिश की है। दुर्भाग्य से, इस समय right 5px bottom 5px के लिए कोई वास्तविक समर्थन नहीं है।

मैं जो कर रहा हूं वह मेरी छवि ले रहा था और वास्तव में छवि के दाहिनी और निचले हिस्से में पारदर्शी पिक्सेल जोड़ रहा था ताकि मैं जिस स्थिति में चाहता हूं उसे प्राप्त कर सकूं। यह सुंदर नहीं है लेकिन यह किसी भी ब्राउज़र में पूरी तरह से काम करता है जो कई पृष्ठभूमि छवियों का समर्थन करता है।

प्रत्येक ब्राउज़र द्वारा कौन सी पृष्ठभूमि सुविधाओं का समर्थन किया जाता है, इसकी पूरी सूची के लिए, Standardista CSS3 Background Properties page पर जाएं। पृष्ठभूमि-स्थिति के तहत, यह 4-मूल्य ऑफसेट सूचीबद्ध करता है क्योंकि केवल आईई 9 + और ओपेरा 11+ द्वारा समर्थित किया जा रहा है। यह एक वास्तविक शर्म की बात है क्योंकि यह एक CSS3 पृष्ठभूमि सुविधा है जो बोर्ड में समर्थित नहीं है।