A continuación se muestra la sintaxis que estoy usando para la imagen de fondo. Por alguna razón, se repite en Y. No puedo usar overflow:hidden;background-image: no-repeat no funciona, la sintaxis es correcta
<style>
body{background-image:url('<?php echo $ActualPath; ?>images/backgroundimage.jpg'); background-image:no-repeat;}
</style>
Quiero que la imagen de fondo no se repita en x e y.
La sintaxis que se debe utilizar es
background-image: url(path/images/backgroundimage.jpg);
background-repeat: no-repeat;
.. o alternativamente
background: url(path/images/backgroundimage.jpg) no-repeat;
si prefiere el short-hand syntax.
background-image siempre solo define un archivo de imagen, por lo que en su ejemplo, la segunda regla background-image está tratando de anular la primera, pero ya que "no se repita" no es una imagen válida presentar el navegador simplemente ignora.
Las diversas propiedades de fondo se enumeran here de referencia.
El fondo no se repite, pero su imagen en blanco después de eso. – X10nD
¿Qué debería haber en lugar de blanco? ¿Podría vincular a un ejemplo? ¿De lo contrario es bastante difícil decir qué pasa? – lucideer
No puedo creer que el orden importa, pero parece que hace: \ – rogerdpack
puede utilizar background-repeat:no-repeat;
La propiedad background tiene algunas propiedades que se pueden cambiar.
Puede configurar cada uno de ellos individualmente, como lo que usted' Estoy tratando de hacer. Si configura el mismo dos veces, solo el último tendrá efecto.
Está configurando background-image dos veces, donde el segundo debe ser background-repeat.
También hay una notación abreviada en la que hace algo como
background:#ffffff url('img_tree.png') no-repeat right top;
para configurar varias propiedades en una sola línea. Se podría utilizar eso para cambiar el código para
body{ background: url('<?php echo $ActualPath; ?>images/backgroundimage.jpg') no-repeat; }
Para conseguir ninguna repetición de fondo en uso html esta sintaxis: CSS (hoja de estilo interna) uso este código en la etiqueta de estilo, en parte, la cabeza
background-image:url("some picture url");
background-repeat:no repeat;
: proporcionará una imagen de fondo de vista única sin repetición.
¿No desea fondo de repetición: no repetir en lugar de imagen de fondo? –
La sintaxis no es correcta. – canon
La sintaxis no es correcta según quién? –