2016-04-01 28 views
0

GitHub'da harika bir açık kaynak kodlu Node.JS giriş sistemi var. Bu here bulunur. Web siteme kurdum (cend.io). Her şey yolunda.jQuery'yi kullanarak bu sayfaya nasıl arka plan resmi ekleyebilirim?

Şimdi, yapmak istediğim, ana sayfaya uzatılmış, yanıt veren bir arka plan resmi eklemektir. this gibi bir şey.

Node.JS oturum açma sisteminin karmaşıklığı göz önünde bulundurulduğunda, bunu yapmanın en etkili yöntemi ne olurdu?

Sabrınız için şimdiden teşekkür ederiz.

+0

gerek yok sadece gibi olur başka bir yerde CSS kullanın jQuery kullanmak. Geçerli arka plan degrade, "style.css" dosyasındaki "body" etiketine uygulanır. – APAD1

+0

Güzel. Bu yapılabilir mi diye merak ediyordum. Style.styl dosyasının önemi nedir? Çok fazla sözdizimi olmayan bir CSS dosyasına benziyor. Bunun da ayarlanması gerekiyor mu? – cbclark

+0

Sadece stil dosyasında değişiklik yapmalısınız, bu önceden derlenmiş CSS dosyasıdır, böylece her derlediğinizde, style.css dosyası, stylus dosyasında ne olursa olsun üzerine yazılacaktır – APAD1

cevap

0

Sadece CSS bu eklemeniz gerekir:

html { 
    background: url(images/bg.jpg) no-repeat center center fixed; // change to your own image 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

Bu html elemana tam sayfa arka plan görüntüsü katacak. Arka plan resmini ayarlama, jQuery ihtiyacım yok

+0

Bu benim için çalışıyor. Kodu html yerine gövde etiketine yapıştırmak zorunda kaldım. – cbclark

+0

@cbclark - Evet, 'vücut' da çalışacaktır. Cevabımı kabul eder misiniz lütfen? – aphextwix

+0

Bu muhteşem görünüyor! [cend.io] (http://cend.io) – cbclark

1

böyle saf JavaScript yapılabilir:

document.body.style.backgroundImage = "url('image.png')"; 
+0

Harika, bu gerçekten basit görünüyor. Karışıklığımın bir kısmı çalışmak için "index.html" dosyası olmaması gerçeğinden kaynaklanıyor. Sunucu klasöründeki tüm .jade dosyaları. Bu çözüm hala çalışıyor mu/kod değişecek mi? – cbclark

+0

Düz CSS'yi kullanabilmeniz için neden JavaScript kullanıyorsunuz? – APAD1

+0

@ Apad1 JQuery'yi nasıl kullanacağımı sordu, bu yüzden JavaScript'te bir cevap verdim; ama sağ CSS'de yapabilirdiniz ve jQuery'yi CSS'yi ayarlamak için kullanabilirsiniz ... –