| |
|
|
| | Здравствуйте!
Подскажите пож-та, можно ли добиться следующей структуры БГ:
БГ1(фиксированный размер по высоте, прижат к верху)
заливка
БГ2(фиксированный размер по высоте, прижат к низу)
Пытался сдеалать так:
html { #333 background: url([bg.jpg) no-repeat; position:absolute; z-index:2; }
body{ background: url(bg2.jpg) no-repeat; position:absolute; z-index:1;}
|
Сайт http://slav-raduga.com.ua | |
| |
|
|
| |
|
|
| |
для: SkunS
(01.10.2012 в 19:44)
| | | хотела ответить, но увидев это
Одна из сильных сторон нащего рекламного агенства - это наружная реклама, являющая собой мощьное рекламное средство. Компание занимается созданием и размещением её по городу.
|
передумала
учите русский. потом матчасть. потом вопросы задавайте. грамотно. | |
| |
|
|
| |
|
|
| |
для: elenaki
(02.10.2012 в 09:46)
| | | У них еще и этот перл...
Судя по знанию русского языка, клиенты у них будут из средней Азии и это в лучшем случае :-)
Наша компания предлагает вам создание сайтов, разработкой которых,
занимается команда дизайнеров, тестировщиков и менеджеров,
где rаждый проект имеет своего менеджера, который постоянно с вами.
|
| |
| |
|
|
| |
|
|
| |
для: elenaki
(02.10.2012 в 09:46)
| | | До осмысленного наполнения сайта инфой, дело ещё не дошло. Видно же, что текст только для объёма...(прим. Lorem ipsum...). Но на всяк случай текст поправил.
По поводу матчасти, я читал вот это:
http://htmlbook.ru/css/z-index
http://htmlbook.ru/css/background-position
Смотрел много примеров на форумах и пробовал их применить к моей ситуации...
Из всего перечитанного, я понял, что нужно сделать таким образом:
html { #333 background: url([bg.jpg) no-repeat; position:relative; z-index:1; }
|
то есть :
у хедера будет зелёный бэкграунд, по окончанию которого(вертикально), будет идти заливка (#333), присваиваю относительное позиционирование(relative) и z-index 1
body{ background: url(bg2.jpg) no-repeat; background-position: bottom; position:relative; z-index:2;}
|
то есть :
у боди будет 2-й бг, прижат к низу, с относительным позиц-ем и 2-м индексом, что значит он будет на уровень выше 1-го. | |
| |
|
|
| |
|
|
| |
для: SkunS
(02.10.2012 в 15:10)
| | | Тут все буквоеды или кто-то даст нормальный совет по реализации? | |
| |
|
|
| |
|
|
| |
для: SkunS
(04.10.2012 в 02:25)
| | | да нет, не буквоеды
сидим вот, думаем, что означают ваши четыре волшебных символа #333 вот здесь
html { #333 background: url([bg.jpg) no-repeat; position:relative; z-index:1; }
|
по первому разу полагал, что вы просто описАлись
но вы повторили это ещё раз!
лично я никогда с таковым синтаксисом не сталкивался
в CSS1, в CSS2 и в CSS3 описана структура правил
селектор(-ы) {свойство: значение[; свойство: значение...]}
|
вот сижу и думаю: #333 - это селектор, свойство или значение?
или, может, это уже CSS4 или CSS5, никому, кроме вас, неизвестные?
или это "хак" какой-то, о котором я не в курсе? | |
| |
|
|
| |
 196 Кб |
|
| |
для: ЯСА
(04.10.2012 в 05:17)
| | | Я тоже был не в курсе. Прочёл в книге "Энди Бадд/Andy Budd - Мастерская CSS. Профессиональное применение web-стандартов[2007г.]".
Глава 3. Основы фоновых изображений:
body {
background: #ccc url (gradient .gif ) repeat-x;
Поскольку градиентное изображение имеет фиксированную высоту, оно может внезапно
оборваться, если содержимое страницы длиннее чем высота изображения. Для решения это
проблемы можно создать очень длинное изображение, однако зачастую тяжело предвидеть на
сколько длинной будет страница. Чтобы обрыв изображения не был слишком заметным можно
добавить цветной фон. Градиентное изображение всегда выводится поверх цветного фона.
|
| |
| |
|
|
| |
|
|
| |
для: SkunS
(14.10.2012 в 16:21)
| | | Т.е. в этой цитате и в вашем коде аналогичные стили? Т.е. принципиальной разницы нет? | |
| |
|
|
| |
|
|
| |
для: Sfinks
(14.10.2012 в 20:36)
| | | ну... товарищ, видимо, математик - в его мирке от перемены мест суть не меняется
{ #ccc background: url...
{ background: #ccc url...
|
| |
| |
|
|
