Часто
в качестве фона страницы задают картинку. Но картинка бывает
недостаточно большой для всех разрешений (не будете же вы в качестве
фона ставить обои 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;
Текст будет прокручиваться, а фон останется на прежнем месте.
(0) голосов | Категория: