...

View Full Version : Advanced youtube invisible text



sejmno
07-12-2011, 09: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, 09:39 PM
have you tried a z-index of -1?

sejmno
07-12-2011, 09: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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum