2012-06-19 15 views
5

Aşağıda ben arka plan Görüntü için kullanıyorum sözdizimi doğrudur. Nedense o Y üzerine tekrar ediyor. Ben arka plan imajını x ve y üzerinde hiçbir tekrarı istiyorum overflow:hidden;background-image: yineleme yok çalışmıyor, sözdizimi

<style> 
body{background-image:url('<?php echo $ActualPath; ?>images/backgroundimage.jpg'); background-image:no-repeat;} 

</style> 

kullanamaz. Eğer short-hand syntax isterseniz kullanmanız gereken

+1

arka plan tekrarı istemiyor musunuz: yerine background-görüntünün hiçbir tekrarı? –

+1

Sözdizimi doğru değil. – canon

+2

Sözdizimi kimin için doğru değil? –

cevap

28

sözdizimi

background-image: url(path/images/backgroundimage.jpg); 
background-repeat: no-repeat; 

.. veya alternatif

background: url(path/images/backgroundimage.jpg) no-repeat; 

olduğunu.

background-image her zaman sadece, ikinci background-image kural ilkini geçersiz kılmak için çalışıyor, ancak "hayır-tekrarı" beri geçerli bir resim sadece onu yok sayar tarayıcı dosya değil sizin örnekte bu yüzden, bir görüntü dosyasını tanımlar.

çeşitli arka plan özellikleri referans here listelenmiştir.

+0

arka plan tekrar etmez Doğru', ama bundan sonra bembeyaz görüntüsü. – X10nD

+0

Beyaz yerine ne olmalı? Bir örneğe bağlantı kurabilir misiniz - aksi halde neyin yanlış olduğunu söylemek zor mu? – lucideer

+0

Siparişin önemli olduğuna inanamıyorum ama öyle görünüyor: \ – rogerdpack

1

Eğer background özelliği değiştirebileceğiniz birkaç özelliklere sahip background-repeat:no-repeat;

2

kullanabilirsiniz.

  • background-color
  • background-image
  • background-repeat
  • Sen gibi tek tek her birini ayarlayabilirsiniz

background-attachment

  • background-position ne' yapmaya çalışıyor. Aynı olanı iki kez ayarlarsanız, sadece sonuncusu geçerli olur. İkincisi ise background-repeat olması gereken yerde

    iki kez background-image kuruyoruz.

    ayrıca tek satırda birden özellikleri ayarlamak için

    background:#ffffff url('img_tree.png') no-repeat right top; 
    

    böyle bir şey yapmak bir kısaltma ibaresi yoktur. Sen html kullanımda bu sözdizimini arka planın hiçbir tekrarını almak için

    body{ background: url('<?php echo $ActualPath; ?>images/backgroundimage.jpg') no-repeat; } 
    
  • -2

    için kodunuzu değiştirmek için kullanabilirsin: CSS (İç stil) kullanımı baş kısmında stil etiketinde bu kod

    background-image:url("some picture url"); 
    background-repeat:no repeat; 
    

    -Bir tekrarlama olmadan tek bir görünümün arka plan görüntüsünü sağlar.