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 4 of 4
  1. #1
    New Coder
    Join Date
    Dec 2006
    Posts
    19
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Transparent Frame / Image in Internet Explorer 6 or 7

    Hi

    I am having trouble with my transparent "image" in Internet Explorer.

    If you look on my webpage www.powerizerz.com/trans.html you will see that I have an Iframe with a transparent frame "image" laid over it. The problem is the "image" is not transparent in Internet Explorer, it is purple and does not allow the iframe below to be viewed.

    If you look at it in Mozilla it works correctly.

    The code I used is below. If you can offer any insight into how I can make the frame transparent in Internet Explorer please let me know.

    Thank You!

    Credit user: harbingerOTV

    for the code below






    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>???</title>
    <style type="text/css">
    a {
    position: relative;
    width: 400px;
    height: 500px;
    display: block;
    }
    span.frame {
    /*background: transparent;*/
    background: #d9c;
    position: absolute;
    width: 384px;
    height: 484px;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    -moz-opacity: .30;
    }

    </style>

    </head>
    <body>
    <a href="http://www.ebay.com" target="_blank"><span class="frame"></span>
    <IFRAME src="http://www.ebay.com" width="400" height="500"
    scrolling="auto" frameborder="1">
    </IFRAME>
    </a>
    </body>
    </html>

  • #2
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,302
    Thanks
    28
    Thanked 276 Times in 270 Posts
    Why do you double post? This is answered in the original thread here.
    For every complex problem, there is an answer that is clear, simple, and wrong.

  • #3
    New Coder
    Join Date
    Dec 2006
    Posts
    19
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thank You Arbitrator!

  • #4
    New Coder
    Join Date
    Dec 2006
    Posts
    19
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hello All

    Here is the correct code, please do not spend your time on this problem it has been solved!

    this code was added in to allow transparency in Internet Explorer>>>>>

    filter: alpha(opacity=30

    see below



    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>???</title>
    <style type="text/css">
    a {
    position: relative;
    width: 400px;
    height: 500px;
    display: block;
    }
    span.frame {
    /*background: transparent;*/
    background: #d9c;
    position: absolute;
    width: 384px;
    height: 484px;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    -moz-opacity: .30;
    filter: alpha(opacity=30);
    }

    </style>

    </head>
    <body>
    <a href="http://www.ebay.com" target="_blank"><span class="frame"></span>
    <IFRAME src="http://www.ebay.com" width="400" height="500"
    scrolling="auto" frameborder="1">
    </IFRAME>
    </a>
    </body>
    </html>


  •  

    Posting Permissions

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