прокрутка текста под элементом фиксированной позиции

Question

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

Вот скрипка того, что у меня есть, пока

JS FIDDLE

В идеале я хочу, чтобы, когда текст перемещался за рамку с красными полями, он не был виден, без необходимости в цвете фона.

Answer 1

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

вы можете использовать несколько фонов ...

посмотреть ваше демо

Answer 2

Вам понадобится что-то в #banner, которое будет скрывать текст. Из CSS похоже, что в этом блоке должно быть фоновое изображение, но оно не отображается.

Заголовок является прозрачным, как установлено в вашем сбросе CSS, поэтому цвет или изображение будет необходимо, если вы хотите, чтобы текст был скрыт. В противном случае это все равно, что переместить текст за куском стекла ... вы все равно увидите текст, если у вас нет чего-то, что могло бы его покрыть.

Я подозреваю, что если бы в заголовке было рабочее фоновое изображение, оно заблокировало бы текст там, где оно не было прозрачным. Когда я добавляю цвет фона, он достигает такого эффекта.