2012-06-19 2 views
5

Ниже приведен синтаксис, используемый для фонового изображения. По какой-то причине он повторяется на Y. Я не могу использовать overflow:hidden;background-image: no-repeat not working, правильный синтаксис

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

</style> 

Я не хочу, чтобы фоновое изображение не повторять по х и у.

+1

Вам не нужен фоновый повтор: no-repeat вместо фонового изображения? –

+1

Неправильный синтаксис. – canon

+2

Синтаксис неверен в зависимости от того, кто? –

ответ

28

Синтаксис вы должны использовать это

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

.. или альтернативно

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

если вы предпочитаете short-hand syntax.

background-image всегда просто определяет файл изображения, так что в вашем примере, второе background-image правила пытается переопределить первую, но так как «не повторять» не файл действительным образом браузера просто игнорирует его.

Для справочной информации перечислены различные свойства фона here.

+0

Фон не повторяется, но его белое изображение после этого. – X10nD

+0

Что должно быть вместо белого? Не могли бы вы ссылаться на пример - довольно сложно сказать, что в противном случае? – lucideer

+0

Не могу поверить, что порядок имеет значение, но, похоже, он делает: \ – rogerdpack

1

вы можете использовать background-repeat:no-repeat;

2

Свойство background имеет несколько свойств, которые можно изменить.

  • цвет фона
  • фоновое изображение
  • фон-повторить
  • фоне привязанности
  • фон положение

Вы можете установить для каждого из них по отдельности, как и то, что вы» re пытающийся сделать. Если вы установите один и тот же код дважды, вступает в силу только последний.

Вы устанавливаете background-image дважды, где второй должен быть background-repeat.

Существует также сокращенное обозначение, где вы сделать что-то вроде

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

установить несколько свойств в одной строке. Вы могли бы использовать, чтобы изменить код

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

Для не получая повторения фона в использовании HTML следующий синтаксис: CSS (Internal таблицы стилей) использовать этот код в стиле тег в головной части

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

-Он предоставит фоновое изображение одного вида без повторения.