Header/Transparent, with scrolling text

Subject: Header/Transparent, with scrolling text Fri Feb 10, 2017 11:18 pm

I have this code: https://jsfiddle.net/phaidonas/f33jyb3v/17/

Do you have any idea how the scrolling text, dont mess with the header and go underneath?

Subject: Re: Header/Transparent, with scrolling text Sat Feb 11, 2017 1:41 pm

Hi man, yes that's pretty simple, the code is open.

Two things: header and background DIV positions are ixed. This is the trick.

you have the HTML page here:

Code:: <div id="HeaderText">
Header
</div>

<div id="ImgBg">
<img src="http://meche.mit.edu/sites/default/files/styles/hero/public/slides/Research%20Oceans.jpg?itok=okSrE16D">
</div>

<div id="MainText">
All you
text should be here
again
</div>

and the CSS determines every behaviors:

Code:: #HeaderText{
position:fixed;
z-index:9999;
color:white;

}

#MainText{
padding-top:10%;
position:relative;
color:white;

}

#ImgBg{
position:fixed;
z-indexz:-9999;

}

Subject: Re: Header/Transparent, with scrolling text Sat Feb 11, 2017 8:24 pm

yeah,i dont understand, i know what i have done,i want the text get under the header but not get mixed with the header text while scrolling

Subject: Re: Header/Transparent, with scrolling text Sat Feb 11, 2017 8:32 pm

are you sure you have created two DIV with different classes?
And the div in the background must have background property : fixed!

Subject: Re: Header/Transparent, with scrolling text Sat Feb 11, 2017 8:47 pm

yeah, except if i am mistaken

More than 20 users,
almost 150 posts,
a new big project is coming,
about …

Dear members,

I have personally made some changements into the forum, now …

Dear Members,

it is my pleasure to tell you below all the new functions I …