Webgl desteği olmayan tarayıcılarda alternatif arka plan resmi sunmak için modernizr'i kullanın.

Question

Sitemin arka planında bir webgl animasyonum var ve bu özelliği olmayan tarayıcılar için yedek geri dönüş desteği sunmak istiyorum. Animasyonu oluşturan javascript dosyası yerine arka planda bir görüntü sunmak istiyorum.

Modernizr böyle alternatif seçeneği aktif hale getirmek için bir if...else deyimi bazı rehberlik sunar ve kurulum için diyor ki:

.no-webgl body { background: red; } 

Nether çalışıyoruz:

if (Modernizr.webgl) { 
    // supported 
} else { 
    // not-supported 
} 

Onlar da bu css seçeneği öneriyoruz.

ben else açıklamada daha sonra böyle bir şey if açıklamada benim animasyon script koymak ve istemiyorum:

do { 
    var oldBrowserFix = document.getElementsByName("body"); 
    oldBrowserFix.style.background = '#ff0000'; 
} while (!Modernizr.webgl); 

Nasıl: Ben de başka bir fikir olarak kabul

var oldBrowserFix = document.getElementsByName("body"); 
oldBrowserFix.style.background = '#ff0000'; 

do...while bildirimi işe yaramalı mıyım? HTML dosyası altına

Answer 1

Ekleme modernizr ve bunun altında bu çalıştırın:

if (!Modernizr.webgl) { 
    document.body.style.backgroundColor = "#000000"; 
}