How to palce the embed youtube video "behind"

Discussion in 'CSS' started by timbeng, Jul 22, 2009.

0
  1. #1
    Hello!

    My problem is this:
    http://pia-no.se/godis.php
    Here I embeded a youtube video and that video goes infront of the footer image. How do I place the youtube vid behind the footer?

    Any ideas?

    Thanks
     
    timbeng, Jul 22, 2009 IP
  2. fex

    fex Peon

    Messages:
    89
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I'm guessing your footer image is set as a background image. That means it will always stay there and so cannot go over any content, such as your youtube video. You could try using z-index but it requires your image (I do say an image as in <img>, not a background) to be positioned absolutely, which may cause other lay-out problems. You'll have to give it a try anyway..

    Some z-index help maybe: http://www.w3schools.com/Css/pr_pos_z-index.asp
     
    fex, Jul 23, 2009 IP
  3. timbeng

    timbeng Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thanks for your advice!

    #footer {
    width: 850px;
    height: 161px;
    position: fixed;
    bottom: 10px;
    z-index: 7;
    background-image: url(../pic/footer.png);
    clear: both;
    }

    The text and images goes under the footer image but not the youtube vid.
    I have heard that it behaveslike that because it is flash. Is that so?

    If so how do I manage it?

    Thanks a bunch!

    /Tim
     
    timbeng, Jul 23, 2009 IP
  4. timbeng

    timbeng Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Found an Answer.
    Issue Place a div over flash:

     
    timbeng, Jul 23, 2009 IP