PDA

View Full Version : Advanced youtube invisible text



sejmno
07-12-2011, 08:37 PM
Hey guys.

Ive made a website, with a youtube video on it.
But i also made a text in the bottom of the side, with position:relative;.

Here's the problem:
When i scroll down to the Youtube video, the Text is blocking the video. So i was wondering, if theres anyway, that i can still keep the text in position:relative; , but when the video is BEHIND the text and background, it will go invisible, so its possible to watch the video, even though its conflicting.


<h5 class="bund">D-Skin Denmark ApS</h5>

h5.bund {
color:#ffffff;
background-color:#333333;
padding: 20px 0;
width:952px;
text-align:center;
position:fixed;
bottom:-11px;
left:199px;
font-size:14px; font-style:"256 Bytes Almindelig"; font-family:"256 Bytes Almindelig","Agency FB";
}

Thats for the text in bottom..

Youtube:


<iframe id="youtube" width="425" height="349" src="http://www.youtube.com/embed/6aAZSm01dTI" frameborder="0" allowfullscreen></iframe>


#youtube
{
position:absolute;
left:300px;
top:450px;
}


THANKS!!

alykins
07-12-2011, 08:39 PM
have you tried a z-index of -1?

sejmno
07-12-2011, 08:42 PM
I dont want the youtube vid to be on top of the text. I want the whole text, with background and padding to go invisible, as soon as you scroll down to the youtube video.