2012-06-12 27 views
12

Opera'da arka plan-konumu-x ayarını nasıl yaparım?Arka plan konumu-x nasıl ayarlanır?

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; 
} 

Aşağıdaki CSS kuralı var, Chrome ve Safari, masaüstü ve mobil sürümlerinde doğru görüntülenir. Ama Opera üzerinde çalışmayacak, bu arka plan-pozisyonunu desteklemiyor gibi görünüyor x:% 50; arka plan-pozisyon-y:% 50; kurallar. Bunu senaryo ile uyumlu hale getirmek zorunda mıyım? Ayrıca operayı desteklemek için bu konuda nasıl çalışırım? Ayrıca jQuery Mobile köşeleri yuvarlamak için görünmüyor

...

+0

Firefox'ta çalışıyor mu? – JAB

+0

@JAB: Hayır, değil. – thirtydot

cevap

22

Sen background-position: 50% 50% belirlemek zorunda. -x ve -y özelliklerinin yalnızca Internet Explorer ve Webkit tarayıcılarında desteklenir.

+0

Neden böyle? Bildiğim kadarıyla, bu türün diğer bileşik özellikleri, tüm sistemlerde bileşenlerine ayrılabilir (kenar boşluğu, kenar boşluğu, kenar boşluğu ve kenar boşluğu gibi kenar boşlukları gibi) -bottom'). – JAB

+0

Teşekkürler! Yani doğru yol sadece arka plan konumunu kullanmaktır? Ya da diğer tarayıcılar -x -y'ye ihtiyaç duyar mı? – Astronaut

+6

background-position:% 50% 50; her tarayıcıda çalışır, -x -y'yi duri'nin dediği gibi unuturlar, yaygın olarak desteklenmezler – Luca

İlgili konular