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 12 of 12
  1. #1
    New Coder
    Join Date
    Aug 2002
    Location
    Tulsa, OK
    Posts
    50
    Thanks
    0
    Thanked 0 Times in 0 Posts

    transparent iframes

    is there a way to make the back ground of an iFrame (or the page in the iFrame) be transparent to the background of the page that the iFrame is placed on?

    -Joshua David

  • #2
    New Coder
    Join Date
    Aug 2002
    Location
    Tulsa, OK
    Posts
    50
    Thanks
    0
    Thanked 0 Times in 0 Posts

    never mind

    okay never mind everyone i figured it out. But for anyone else with this problem. You just add the following tag to the iFrame...

    allowtransparency="true"

    Then you add the following to the body tag of the document shown in the iFrame.

    style="background-color: transparent"

    That's it.

    -Joshua David

  • #3
    Regular Coder
    Join Date
    Jun 2002
    Location
    Beyond Lament
    Posts
    424
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Note: works for IE6 only...

    Quíet Storm Designs ~ Art is not what you see, but what you make others see.
    · the Storms· || ·Ultraviolent Winter· || ·Was Einstein Wrong?· || ·It´s About Time!·

  • #4
    New Coder
    Join Date
    Aug 2002
    Location
    Tulsa, OK
    Posts
    50
    Thanks
    0
    Thanked 0 Times in 0 Posts

    yes...

    yes, true but I only guarentee that my site will fully function in the latest version of IE. Its to much a of a pain and compromise to try and accomodate everyone. Netscape will catch up sooner or later, as will Opera. I love the newest features with technology

  • #5
    Regular Coder
    Join Date
    Jun 2002
    Location
    Beyond Lament
    Posts
    424
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I meant as opposed to IE5.5 or IE5.

    I hate NS, too!

    The workaround for IE5/5.5 is to position a background on the iFRAME to exactly match the original page. On my site there's an example of both:

    First Page: Transparent iFRAME only works in IE6 - older IEs will see the black background of the iFRAME.

    Second Page (chromeless): The iFRAMES have their own backgrounds exactly positioned using CSS to look as if they're transparent.
    Quíet Storm Designs ~ Art is not what you see, but what you make others see.
    · the Storms· || ·Ultraviolent Winter· || ·Was Einstein Wrong?· || ·It´s About Time!·

  • #6
    New Coder
    Join Date
    Aug 2002
    Location
    Tulsa, OK
    Posts
    50
    Thanks
    0
    Thanked 0 Times in 0 Posts

    if

    if it isn't supposed to work on IE5.5 then how come it works on mine? I have IE5.5 and it works perfectly.

    -Zduck.com

    PS> Awesome Site. I love the nature theme. I've thought of doing something like that on mine. Still working out the details.

  • #7
    Regular Coder
    Join Date
    Jun 2002
    Location
    Beyond Lament
    Posts
    424
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: if

    Originally posted by zduck
    if it isn't supposed to work on IE5.5 then how come it works on mine? I have IE5.5 and it works perfectly.

    -Zduck.com

    PS> Awesome Site. I love the nature theme. I've thought of doing something like that on mine. Still working out the details.
    Works on IE5.5? Really?!

    Huh... maybe it's just 5.0 that doesn't work - thanks for the new info!


    And thanks for the compliment! The site is about 7 years old - took that long to get it to look like that...
    Quíet Storm Designs ~ Art is not what you see, but what you make others see.
    · the Storms· || ·Ultraviolent Winter· || ·Was Einstein Wrong?· || ·It´s About Time!·

  • #8
    New Coder
    Join Date
    Aug 2002
    Location
    Tulsa, OK
    Posts
    50
    Thanks
    0
    Thanked 0 Times in 0 Posts

    wow

    I figured that it probrably only took a few months. I must have much more time on my hands than you. Of course being 16 helps there. LoL

  • #9
    Regular Coder
    Join Date
    Sep 2002
    Posts
    456
    Thanks
    0
    Thanked 20 Times in 20 Posts
    code works in IE 5.o and 4 too.
    Great must add to my arsenal. be a great addition to my site
    for GRAPHICS MAGIC© http://www.freewebs.com/dhcs/index.html

    Always looking for new ideas to implement.I also plan on building a script archive soon as I figure out how.hehehe.
    NO Limits!! DHCreationStation.com
    ------------------------------------------------------------
    Broken items wanted for tinkerin'! PostItNow@BrokenEquipment.com
    Global Complaint Dept.

  • #10
    Regular Coder
    Join Date
    Aug 2002
    Posts
    104
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I am sorry "c1lonewolf", but dude, u got to stop advertising ur website man... and i guess there are way more practicale and not to flamboyant sites out there.. which are straight forward to the point... so please stop advertising dude..


  • #11
    Regular Coder
    Join Date
    Jun 2002
    Location
    The Netherlands
    Posts
    217
    Thanks
    0
    Thanked 0 Times in 0 Posts
    AHUM!
    Transparent IFRAMES work fine in Mozilla...

  • #12
    New Coder
    Join Date
    Jun 2002
    Location
    Canada
    Posts
    53
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Gradient background?

    Question for you guys.. do you think it's posible to have the background a gradient? For example, only 50% transparent, otherwise black?
    Tombo out.


  •  

    Posting Permissions

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