2016-04-03 33 views
0

10 soru soran ve total adlı bir puan tutan bir anket yapıyorum. Yani şimdiArka plan çakışıyor sayısı

if (total < 10){ 
    alert("...RED SCREEN OF DEATH!"); 
    document.body.style.backgroundColor = "#AA0000"; 
} 

: Bu kod çalışacak Böylece

/*body{ 
     background-image: url("twins.jpg"); 

    }*/ <-- which is now a comment 

: total < 10 eğer, ekran kırmızı döner, böylece ancak ben daha önce orada duvar kağıdı çıkarmak zorunda kaldı istiyorum Bir kullanıcı 10'dan daha düşük bir puan aldığında, ekran başarıyla kırmızıya döner, ancak şimdi sorunun sadece yarısı çözüldü.

Bir sonraki konu ben twins.jpg ekran total < 10, ekran kırmızıya döndüğünde Sonra, benim duvar kağıdı olarak twins.jpg var, yani kırmızıya döner önce benim arka plan olmak istiyorum olmasıdır.

Sorum şu, total < 10 ne zaman arka plan rengini kırmızı görebilmem için bunu yapmanın doğru yolu nedir? Bunu kullandığınızda:

body{ 
     background-image: url("twins.jpg"); 
    } 

O twins.jpg arka planı değiştirir, ancak renk değiştirdiğinde kırmızı örtüşür, bu nedenle bunu göremez.

+0

Ya arka planını 'arka plan' ile 'arka plana göre bu beden' değiştirerek arka planınızı CSS'nize koyarsınız: { background: url ("twins.jpg"); } '? –

+0

Sadece denedim, maalesef çalışmıyor. – toadflax

cevap

0

muhtemelen (% 100'lük bir yükseklik ve genişlik ekleyerek) Eğer <body> eleman daha aynı boyutta içeriğiniz hakkında bir <div id="redbg"></div> oluşturmak olurdu bu çözmek için en iyi yol.

Ardından yeni div Arka plan rengini ekleyin:

if (total < 10){ 
    document.getElementById('redbg').style.backgroundColor = "#AA0000"; 
} 

hemen sonra arka plan rengini kaldırmak istediğiniz gibi bunu şeffaf yaparak bunu yapabilirdi:

document.getElementById('redbg').style.backgroundColor = "transparent"; 
0

CSS'de, arka plan gibi özellikler ve benzeri özellikler birbirini geçersiz kılmaz. Görüntüyü ayarlarsanız, renk, birbirinin üzerine gelmez.

Sorununuzu çözmek için, "arka plan resmi" ve "arkaplan rengi" özelliklerini kullanmak yerine, ikisini de "arka plan" olarak değiştirin, aksi halde bu, diğer seçeneği geçersiz kılar.

Sorununuzu çözüp çözemeyeceğini bana bildirin! (AÇIKLAMA)

Bryce