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 1 of 1
  1. #1
    New to the CF scene
    Join Date
    Jul 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Iframe issues; how to layer html over iframe

    Hello

    I have a little issue with my site; here is an example page:
    http://www.theskycaptain.com/projects/cosmicwomb.html

    So as you can see, the Bandcamp player is embedded, and it is an iframe. I want it to be layered UNDER my header and footer html elements, but for the life of me I can't figure out to how to achieve this using html and css.
    i have tried z-index to no avail.
    I have tried specifying wmodepaque to no avail.
    I have tried wrapping it in a div and trying both techniques above.

    Here is the embed code from Bandcamp (for the player in the example link):
    <<iframe width="300" height="290" style="position: relative; display: block; width: 300px; height: 290px;" src="http://bandcamp.com/EmbeddedPlayer/v=2/album=3017681057/size=grande2/bgcol=fffcef/linkcol=795b48/" allowtransparency="true" frameborder="0"><a href="http://skycaptain.bandcamp.com/album/sounds-from-the-cosmic-womb">Sounds From The Cosmic Womb by Sky Captain</a></iframe>iframe width="300" height="290" style="position: relative; display: block; width: 300px; height: 290px;" src="http://bandcamp.com/EmbeddedPlayer/v=2/album=3017681057/size=grande2/bgcol=fffcef/linkcol=795b48/" allowtransparency="true" frameborder="0"><a href="http://skycaptain.bandcamp.com/album/sounds-from-the-cosmic-womb">Sounds From The Cosmic Womb by Sky Captain</a></iframe>

    Is this impossible to do with the iframe?
    Could I break Bandcamp's code and embed it as an object?
    Thank you very much for your help!
    Last edited by TheSkyCaptain; 07-09-2012 at 11:46 PM. Reason: clarification


 

Tags for this Thread

Posting Permissions

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