Часто в качестве фона страницы задают картинку. Но картинка бывает недостаточно большой для всех разрешений (не будете же вы в качестве фона ставить обои 1280*1024). Поэтому очень некрасиво выглядит, когда фон повторяется на странице при большом разрешении. Но выход всегда есть.
В стилях пишем:
body { background-image:url('...URL картинки...'); background-repeat:...параметр...; }
Допустимые значения параметра:
no-repeat - подавляет размножение repeat-x - размножение только по горизонтали repeat-y - размножение только по вертикали repeat - размножение по обоим направлениям.
Следует отметить, что если вы решили прописать background-image во внешнем CSS, то NN4 будет отсчитывать путь к файлу картинки не от местоположения файла стилей, а от местоположения текущего документа. Поэтому, если CSS и HTML лежат в разных каталогах, путь к картинке в URL пишем всегда от корня сервера.
Следующий код ставит картинку в какой-то угол страницы
background-position: ---;
вместо "---" можно использовать: right, left, center, bottom, даже можно два сразу: по вертикали, и по горезонтали:
background-position: top right;
А также можно сделать фиксированный рисунок
background-attachment: fixed;
Текст будет прокручиваться, а фон останется на прежнем месте.
|