Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Jul 2011
    Location
    Denmark
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Advanced youtube invisible text

    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.

    Code:
    <h5 class="bund">D-Skin Denmark ApS</h5>
    Code:
    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:

    Code:
    <iframe id="youtube" width="425" height="349" src="http://www.youtube.com/embed/6aAZSm01dTI" frameborder="0" allowfullscreen></iframe>
    Code:
    #youtube
    {
    position:absolute;
    left:300px;
    top:450px;
    }

    THANKS!!

  • #2
    Senior Coder alykins's Avatar
    Join Date
    Apr 2011
    Posts
    1,752
    Thanks
    41
    Thanked 191 Times in 190 Posts
    have you tried a z-index of -1?

    I code C hash-tag .Net
    Reference: W3C W3CWiki .Net Lib
    Validate: html CSS
    Debug: Chrome FireFox IE

  • #3
    New Coder
    Join Date
    Jul 2011
    Location
    Denmark
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •