“To be good is not enough when you dream of being great.”
Здравствуйте, у меня тут проблема с которой никак не могу разобраться. Дело в том, что я хочу втавить фоновую картинку в экстратоп, и еще одну в враппер. Ни одна ни другая не отображается, когда я прописываю background-position: fixed;
Если ставлю scroll, всё показывается, но мне нужно, чтобы изображение было зафиксировано

Вот кусок кода:
#wrapper{ width: 880px; background-attachment: fixed !important; background-image: url('/userdir/2/8/6/8/286863/53661185.jpg') !important; background-position: 50px 20px !important; background-repeat: no-repeat !important; border: 2px dotted black; }
#extratop{ width: 880px; height: 400px; overflow: hidden; background-attachment: fixed; background-image: url('/userdir/2/8/6/8/286863/53661194.jpg'); background-color:black ; background-position: 50px 20px; background-repeat: no-repeat !important;}

Интересно то, что в предпросмотре всё видно как надо, картинки загружены в БИ, они подходят по размеру... Не знаю, в чем дело... :crazy:

@темы: эпиграф, фоновые картинки, основные блоки

Комментарии
30.03.2010 в 19:10

Попробовала загрузить ваш экстратоп, если убрать закрепление, то надпись становится видна.
30.03.2010 в 19:12

пусто.
karpix, попробуйте сделать то, что вы задумали, при помощи эдд блоков, а не экстратопа и раппера.
30.03.2010 в 19:13

fail better
смысл background-attachment в том, чтобы закрепить фоновую картинку блока, который может прокручиваться. в вашем случае ни экстратоп, ни враппер не имеют своих скроллов, поэтому картинки позиционируются относительно body.

какого эффекта вы хотели добиться?
30.03.2010 в 19:25

“To be good is not enough when you dream of being great.”
Души романтиков, в том-то и дело, что хочется закрепленного изображения :(
Feleks, а где про них можно почитать? без понятия, как ими пользоваться...
bokonist, дело в том, что картинка в экстратопе белая на черном фоне, на враппере та же картинка, но черная на белом фоне. При прокрутке страницы получается будто катринка/лого меняет цвет. Вот чего я хотела добиться...
30.03.2010 в 19:29

“To be good is not enough when you dream of being great.”
вот скрин примерно как оно должно смотреться при прокрутке

30.03.2010 в 19:30

пусто.
karpix, вбейте в поиск по сообществу add_block или add_block1, или дополнительные блоки
разные варианты попробуйте поисковых фраз.
30.03.2010 в 19:32

“To be good is not enough when you dream of being great.”
Feleks, ок) спасибо)
30.03.2010 в 19:38

fail better
karpix, а, тогда просто сделай эти картинки шириной как враппер и спозиционируй их 50% 0 - они встанут относительно body.

дополнительными блоками такого эффекта добиться не получится.
30.03.2010 в 19:40

Какой у вас браузер?
Попробовал по аналогии сделать со своими рандомными картинками из БИ - все получилось. При сохранении дизайна на самом дневнике все отображается нормально: одно изображение наплывает на другое при прокрутке, замещая его. У меня мозилла.
Одно "но": поставил !important и для экстратопа к позишн-фиксед.
30.03.2010 в 19:41

пусто.
karpix, то, что сейчас стоит у вас, мне видно при уменьшении окна браузера. но чем окно больше, тем изображения сильнее сдвигаются влево.
и еще скролл внизу страницы
хм, что-то кажется мне, что эдд блоки могут не помочь( не могу сообразить, как их наложить так, чтобы цвет менялся...
30.03.2010 в 19:45

Аа, все ясно. Фиксированный дизайн.
В моем-то разрешении 1024 все нормально видно и так. Нужно позиционировать от центра, а не от краев. Правда, как это делать с именно бэком, а не элементом, я не думал. Ибо не пробовал.
30.03.2010 в 19:47

Я бы предложил отказаться от фиксированной ширины, а скругленные края блока сделать из эддблоков.
30.03.2010 в 19:50

“To be good is not enough when you dream of being great.”
bokonist, спасибо, сейчас надо бежать. Как вернусь, попробую и отпишусь, что получилось)
Walterka, у меня тоже фаерфокс, обновила позавчера. изображения и должны "наезжать". :)
Feleks, с эддблоками можно, наверно, только помучаться надо)) цвет меняется потому что у экстратопа стоит overflow: hidden и вторая картинка выезжает из-под первой, главное правильно их изначально друг на друга наложить... :)
30.03.2010 в 20:11

karpix, я поняла. В том-то и дело, что все работает. Проблема в дизайне фиксированной ширины: у вас разрешение монитора выше, поэтому изображения просто не отображаются: они за пределами объектов, т.к. объекты фиксированы по центру и ширине, а фон отпозиционирован от краев страницы.
С блоками будет та же проблема, если станете решать это тем же способом. Лучше сделать динамический дизайн, а закругленные края блока записей сделать при помощи четырех эддблоков.
30.03.2010 в 22:06

“To be good is not enough when you dream of being great.”
bokonist, сделала, как вы говорите. мне, по крайней мере теперь видно...
Walterka, благодарю, я б в жизни не додумалась.... Х)))
если кому не лень, гляньте плз :)
У меня ширина экрана 1280пкс и выглядит вот так:

30.03.2010 в 22:13

fail better
karpix, на 1920*1200 картинки почти полностью прячутся влево и не совпадают по вертикали.

задай для обеих картинок по горизонтали 50% (если нужно сдвинуть, сделай картинку шире/уже) и фиксированный отступ в пикселях по вертикали, например, 20px.
30.03.2010 в 22:33

“To be good is not enough when you dream of being great.”
bokonist, переделала :)
теперь вроде при приближении/удалении ничего никуда не уезжает... у меня, по крайней мере :gigi:
Глянете ещё разок? :)
30.03.2010 в 23:50

fail better
karpix, да, теперь это работает, как ты и хотела )
31.03.2010 в 00:11

“To be good is not enough when you dream of being great.”
bokonist, спасибо огромное :)

и всем-всем большое спасибо :white: