-webkit-background-size jQuery Css ile çalışmaz

Sayfa yüklendikten sonra bir arka plan yüklemeye çalışıyorum ama beklediğim gibi çalışmıyor gibi görünüyor. önce css-webkit-background-size jQuery Css ile çalışmaz

Kodum oldu: Artık

html { 
    background: url(<?php echo $this->Cdn->getUrl(); ?>/images/photos/bg-blurred.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    background-color: #0c1d31; 
}

jQuery ile deneyin:

jQuery(document).ready(function() { 

    jQuery('html').css({ 
     'background-image': "url('<?php echo $this->Cdn->getUrl(); ?>/images/photos/bg-blurred.jpg')", 
     'background-size': "cover", 
     'background-color': "#0c1d31", 
     '-webkit-background-size': "cover", 
     '-moz-background-size': "cover", 
     '-o-background-size': "cover", 

    }); 
});

O '-webkit-background-beden' ve görünüyor '-moz-Geçmiş- 've' -o-background-size 'boyutu jQuery.css kullanılarak çalışmıyor. Diğer css özellikleri iyi çalışıyor.

Herhangi bir fikir lütfen?

kaynak

2016-04-02 zeflex

Lütfen sorunuza doğru ve hızlı cevap almak için kodda bir başlangıç noktası ekleyin. Ayrıca bkz. Http://stackoverflow.com/help/mcve – Roy

@Roy Sorumu neyin yanlış anlamadığını anlamıyorum? – zeflex

Tarayıcıların uzun bir süredir bunun için öneklere ihtiyaç duymadığından neden rahatsız oluyorsunuz? – Rob

Üzgünüm, benim hatamdı. Bazı kodları özledim benim JS ...

İyi.

kaynak

2016-04-02 20:40:07 zeflex

yalnızca "-webkit-background-boyutu" ile denerseniz: Yani bu sorun değildir

<html style="background-size: cover;">

jQuery(document).ready(function() { 

    jQuery('html').css({ 
     '-webkit-background-size': "cover" 
    }); 
});

Sen eleman aşağıdaki gibi görünecektir göreceksiniz .

Muhtemelen url için görünmelidir:

"url('<?php echo $this->Cdn->getUrl(); ?>/images/photos/bg-blurred.jpg')"

Eğer krom kullanıyorsanız, bir hata yoksa o anda görmek için, Network'ün sekmesinin içinde f12 kontrol edin.

kaynak

2016-04-02 20:02:53 Finickyflame

Hayır sorun yok. Arka plan resmi iyi yükleniyor. Bu sadece başarısız olan merkezleme (kapak) ile ilgili bir konudur. Sorumu normal css koduyla güncelledim. – zeflex

My Mistake jQuery'mdeki bazı kodları kaçırdım ... Cevabını ekliyorum ... – zeflex

-webkit-background-size jQuery Css ile çalışmaz

cevap

İlgili konular