Question

Below is the syntax I am using for the background Image. For some reason it is repeating on Y. I cannot use overflow:hidden;

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

I want the background-image no-repeat on x and y.

Answer 1

The syntax you should use is

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

.. or alternatively

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

if you prefer the short-hand syntax.

background-image always just defines an image file, so in your example, the second background-image rule is attempting to override the first one, but since “no-repeat” isn’t a valid image file the browser just ignores it.

The various background properties are listed here for reference.