Jump to content
  • 0

background


Walk
 Share

Question

Вроде как все свойства написаны тут:

http://htmlbook.ru/css/background.html

Но.

Видел на одном сайте как было задано background:url и потом background-color. И на сайте был и фоновый цвет, и фоновый рисунок.

Помучился со своими css, вроде как получилось:

background:url('../image/bg.gif') repeat-x;

background-color:#1F6499;

Если поменять надписи местами - будет только image. Почему?

Так же хотелось бы узнать более подробную информацию о количестве правил на background и какие законы их "указания" что бы они не уничтожали друг друга.

Если нужно что бы какой то фоновый рисунок располагался по левой части body - нужно указать repeat-y

А как указать рисунок который repeat-x, но расположение не top а bottom ?

А так же не repeat-y не left, a right?

Link to comment
Share on other sites

20 answers to this question

Recommended Posts

  • 0
А как указать рисунок который repeat-x, но расположение не top а bottom ?

background: #1F6499 url('../image/bg.gif') repeat-x bottom;

А так же не repeat-y не left, a right?

background: #1F6499 url('../image/bg.gif') repeat-y right;

background: цвет url(путь) повторять(или нет) горизонтально вертикально;

Link to comment
Share on other sites

  • 0

Спасибо за ответы.

А возможно как либо задать:

body {

background:url(images/2.gif) repeat-x top;

background:url(images/22.gif) repeat-x bottom;

}

одновременно?

Т.к. на практике добавляется лишь последний.

А если делать что то типа этого:

body {

background:url(images/2.gif) repeat-x top;

}

lalala#div {

width:100%;

height:100%;

background:url(images/22.gif) repeat-x bottom;

}

- расползается вся верстка.

Link to comment
Share on other sites

  • 0

Все элементы позиционируются абсолютно, а значит некому растягивать body.

Не похоже на ручную верстку, какой-то тихий ужас, сгенерированный фотошопом или чем-то таким, отсюда и проблемы.

Link to comment
Share on other sites

  • 0

"Не похоже на ручную верстку, какой-то тихий ужас, сгенерированный фотошопом или чем-то таким, отсюда и проблемы."

пишу в блокноте.

"Все элементы позиционируются абсолютно, а значит некому растягивать body."

добавил текст просто в body - эффекта 0

Link to comment
Share on other sites

  • 0

#3645w73 - ошибка

#364573 - правильно

#RRGGBB - для каждой компоненты цвета (красной, синей и зел?ной) число в шестнадцатеричной СС (0 = 00, 255 = ff).

Таким образом, если перевести в десятичную, то #364573 = R(54) + G(69) + B(115).

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy