CSS ile Mönitörü Kaplayan Arkaplan?

Kodla Büyü
AKADEMİA

AKADEMİA

Süper Üye
Süper Üye
Mesajlar
2,397
Değerli hocalarım bir sorunum var. Aşağıdaki kod resmi arkaplana yayıyor. Yani anasayfanın yüksekliğine göre resim mesela 1024x768 ise ekranda 1024x3000 gibi bir hale geliyor. Ancak ben resmin arkaplanda monitörü %100 kaplayacak şekilde sabit görünmesini istiyorum. Yardımcı olabilir misiniz?

Kod:
Kod: 
<!--- BACKGROUNG EKLEME -->
<style type="text/css">
    body{
    background-image: url(/2.jpg);
    color: #FFF; background-size: cover;
    }
</style>
Buradaki "cover" ifadesi resmi tekrarlatmadan tüm sayfaya yayıyor. Bunu kişinin monitör çözünürlüğüne göre yatay ve dikey olarak %100 yapıp arkaplana nasıl koyabiliriz? İlgilenen arkadaşlara şimdiden teşekkürler.
 
html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

şeklinde bir deneyebilir misiniz hocam ?
 
Olmadı hocam. Mevcut durumdan bir değişiklik olmadı. "cover" yerine "fixed" koyunca resmi alt alta tekrarlıyor, "cover" iken de resmi aşağı doğru yayıyor. Ama tamamen arkaplanı kaplayacak şekilde yerleşip sabit kalmasını sağlayamadım.
 
Cevap yazmak için giriş yap yada kayıt ol.
Geri
Üst