2011-12-20 5 views
0

enter image description hereНаложение фоновое изображение над раздвижными элементами страницы

Эй,

У меня есть динамические знаки вопроса на своей целевой странице, которые прокручивают с вами, как вы прокрутите страницу вниз (см @ rayku.com/старт) , Я хотел бы сделать так, чтобы эти вопросительные знаки и соответствующий прокручиваемый контент были скрыты за кирпичным фоном, который у меня есть на той же странице.

Я пробовал использовать z-индексы, но, похоже, это не трюк. Есть идеи?

Спасибо! Чтобы увидеть страницу в действии, посетите http://rayku.com/start и прокрутите вниз.

ответ

1

набор position:relative к вашим whiteboard DIV: style="z-index:100000000000000;position: relative;"

+1

Идея верна, но ваш z-индекс переполняет максимальные значения, установленные в браузерах, что может привести к неожиданному поведению. Проконсультируйтесь с этой таблицей о максимальных значениях в разных браузерах: http://www.puidokas.com/max-z-index/ (Также обратите внимание, что эта ссылка относится к 2009 году, поэтому с тех пор все изменилось.) –

+0

@nikc значение для z -index берется из кода фактической страницы, о которой идет речь. Я использовал, чтобы дать понять, где должно быть положение. –

+0

Несмотря на это, я думал, это стоит упомянуть. –

0

Элемента дома, имеющий кирпичный фон, а элементы знака вопроса должны быть прямой родственным друг с другом. Устроив таким образом. Попробуйте указать либо абсолютную, либо относительную позицию как для элемента фона кирпича, так и для элемента вопроса. После этого попробуйте дать больший z-индекс для элемента кирпича, чем элемент вопросительного знака.

Thanks

Смежные вопросы