41 users online (0 members and 41 guests)  


  Results 1 to 3 of 3

Related

  1. Transparent Frameset Background.    Forum: HTML Forum
    Replies: 2
  2. Transparent over bg??    Forum: Myspace Forum
    Replies: 3
  3. i need help make the blogs transparent    Forum: CSS Forum
    Replies: 0
  4. transparent background from b&w *.ps, *.eps    Forum: Graphics Forum
    Replies: 1
  5. Transparent Tables    Forum: CSS Forum
    Replies: 5
  1. #1
    ambellina's Avatar
    New User

    Status
    Offline
    Join Date
    May 2004
    Posts
    6

    DIV Iframe Transparent

    First off, I'm sorry if this has been asked. I skimmed everything, but didn't really find this. Okay, I'm not sure which category (HTML or CSS) this would fit into, I think here though. I have this Iframe that's a DIV layer (because I'm too lazy to cut the background image up). But I can't seem to make the Iframe and its scrollbar transparent. I've tried everything that everyone has suggested. So far I've got this:

    <html>

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>Driver Found</title>

    <style type="text/css">

    body{
    direction:;
    background-attachment:fixed;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #FFFFFF;
    scrollbar-face-color: #FFFFFF;
    scrollbar-highlight-color: #000000;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-shadow-color: #000000;
    }
    {font-family: century gothic, font-size: 8pt; color: #CCCCCC}
    A
    { cursor:default;height:1px;behavior:url(link.htc);filterrogid:dximagetransform.microsoft.iris(duration=1)}
    a:link {color: #999999; text-decoration: none}
    a:visited {color: #666666; text-decoration: none}
    a:active {color: #999999; text-decoration: none}
    a:hover {color: white; text-decoration: none}
    p.dotted {border-style: dotted;border-width:1}
    p.solid{border-style: solid;border-width:1}
    p.dashed {border-style: dashed;border-width:1}
    --->
    </style>
    </head>

    <body background="back.jpg" bgcolor="#ffffff" text="#000000" link="#003399" vlink="#003399" alink="#003366">

    <div style="position: absolute; left: 604px; top: 219px; height: 113px; width: 159px; overflow: auto;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #FFFFFF;
    scrollbar-face-color: #FFFFFF;
    scrollbar-highlight-color: #000000;
    scrollbar-3dlight-color: #CCCCCC;
    scrollbar-darkshadow-color: #CCCCCC;
    scrollbar-shadow-color: #000000;
    filter: Alpha(Opacity=80, FinishOpacity=0); border-style: none; border-width: 0">

    <a href="news.htm" target="mainframe">News</a><br>
    <a href="interior.htm" target="mainframe">Interior</a><br>
    <a href="exterior.htm" target="mainframe">Exterior</a><br>
    <a href="sponsers.htm" target="mainframe">Sponsers</a><br>
    </div>

    <div style="position: absolute; left: 6px; top: 8px; height: 374px; width: 465px; overflow: auto; filter: Alpha(Opacity=60, FinishOpacity=5); border-style: none; border-width: 0">
    <iframe allowtransparency="true" src="info.htm" name="mainframe" height="370" width="500" frameborder="0"></iframe>
    </div>

    </body>

    </html>

  2. #2
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    Hi,

    theres a colour name called 'transparent', have you tried using that instead of the #ffffff colour codes?
    If one of our members helps you, please click the icon to add to their reputation!
    No support via email or private message - use the forums!
    Before you ask, have you Searched?

  3. #3
    ambellina's Avatar
    New User

    Status
    Offline
    Join Date
    May 2004
    Posts
    6
    if you mean in place of the background color, then yes, but that still doesn't work. I'll try to fiddle with it somemore though.



Tags for this Thread