2012-06-19 12 views
5

Di seguito è riportata la sintassi che utilizzo per l'immagine di sfondo. Per qualche motivo si ripete su Y. Non posso usare overflow:hidden;background-image: nessuna ripetizione non funziona, la sintassi è corretta

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

</style> 

Voglio che l'immagine di sfondo no-repeat su xe y.

+1

Non si desidera la ripetizione dello sfondo: nessuna ripetizione invece dell'immagine di sfondo? –

+1

La sintassi non è corretta. – canon

+2

La sintassi non è corretta secondo chi? –

risposta

28

La sintassi si dovrebbe utilizzare è

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

.. o in alternativa

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

se si preferisce la short-hand syntax.

background-image sempre e solo definisce un file di immagine, quindi nel tuo esempio, la seconda regola background-image sta tentando di ignorare il primo, ma dal momento che "no-repeat" non è un file di immagine valido il browser semplicemente lo ignora.

Le varie proprietà di sfondo sono elencate come here come riferimento.

+0

Lo sfondo non si ripete, ma la sua immagine bianca dopo. – X10nD

+0

Cosa dovrebbe esserci al posto del bianco? Potresti collegarti ad un esempio: è abbastanza difficile dire cosa c'è che non va? – lucideer

+0

Non riesco a credere che l'ordine conta ma sembra che lo faccia: \ – rogerdpack

1

è possibile utilizzare background-repeat:no-repeat;

2

La struttura background ha alcune proprietà che è possibile modificare.

  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position

È possibile impostare singolarmente, come quello che si' sto cercando di fare. Se si imposta lo stesso doppio, solo l'ultimo avrà effetto.

Si sta impostando background-image due volte dove il secondo deve essere background-repeat.

C'è anche una notazione abbreviata in cui si fa qualcosa di simile

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

per impostare più proprietà in una sola riga. Si potrebbe utilizzare che per modificare il codice per

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

Per ottenere nessuna ripetizione di sfondo in uso html questa sintassi: CSS (foglio di stile interno) uso di questo codice nel tag style nella parte di testa

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

- Fornirà l'immagine di sfondo della vista singola senza ripetizione.

Problemi correlati