Я нередко и просто изображения вставляю путём css background: url. А в таких случаях не отключить бэкграунд просто непростительно.
overflow CSS-запись обычно выглядит так:
background-image: url(img/back.jpg); /* Путь к фоновому рисунку */
background-repeat: no-repeat; /* Фон не повторяется */
Здесь background-image - указывает на фоновое изображение: url(путь к файлу);
А background-repeat – с таким значением не даст фону повторяться.
В CSS 2.1 были такие значения у background-repeat:
no-repeat (не повторять) | repeat (повторять) | repeat-x (повторять по горизонтали) | repeat-y (повторять по вертикали) | inherit (значение «родителя» – по умолчанию)
CSS 3 добавил ещё несколько значений и теперь перечень выглядит так: background-repeat: значение, значение. Перечень значений:
(не повторять) no-repeat, no-repeat | (повторять) repeat, repeat | (повторять по горизонтали) repeat-x, repeat-x | (повторять по вертикали) repeat-y, repeat-y | (значение «родителя» – по умолчанию) inherit, inherit
А так же:
space, space – изображение появляется ровно столько раз, чтобы заполнить область, в случае если это не удастся – между изображениями образуются пробелы «пустое пространство» (space с английского – «пробел»).
и:
round, round – изображения масштабируются, если оригинальные размеры «не вмещаются».
Пример записи background-repeat CSS 3:
background-repeat: round, round;
Примечание: round и space поддерживаются только в IE 9 и Opera 11 (а так же в более поздних версиях), так что использовать их пока не рекомендую, но иметь ввиду на будущее всё же стоит.
