पृष्ठभूमि-स्थिति-एक्स कैसे सेट करें?

Question

मैं ओपेरा पर पृष्ठभूमि-स्थिति-एक्स कैसे सेट करूं?

div#logocontainer{ 
    width: auto; 
    height: auto; 
    text-align: center; 
    line-height: 200px; 
    overflow: auto; 
    margin-left: auto; 
    margin-right: auto; 
    background-image: url(../img/WatermarkMP.png); 
    background-repeat: no-repeat; 
    background-position-x: 50%; 
    background-position-y: 50%; 
    padding: 10px; 
} 

मेरे पास निम्न सीएसएस नियम है, यह क्रोम और सफारी, डेस्कटॉप और मोबाइल संस्करणों पर सही ढंग से प्रदर्शित होगा। लेकिन यह ओपेरा पर काम नहीं करेगा, जो पृष्ठभूमि-स्थिति-एक्स: 50% का समर्थन नहीं करता है; पृष्ठभूमि-स्थिति-वाई: 50%; नियम। क्या मुझे इसे स्क्रिप्ट करना है ताकि यह ओपेरा के साथ संगत हो? ओपेरा का समर्थन करने के लिए मैं इसके आसपास कैसे काम करूं?

यह भी jQuery मोबाइल कोनों दौर प्रतीत नहीं होता है ...

Answer 1

आप background-position: 50% 50% सेट करना होगा। उन -x और -y गुण केवल इंटरनेट एक्सप्लोरर और वेबकिट ब्राउज़र में समर्थित हैं।