Transparent background not working in ALL BROWSERS

  • Searching these forums I’ve found around 30 different threads of people who can’t get transparent backgrounds <body style=”background:transparent;”> on their iframes in IE, but they say it works in all other browsers (firefox, safari, chrome, etc.). I’m trying to accomplish a similar task, but get different results and can’t find a solution to my problem.

    WHat I’m trying to accomplish:

    I’d like a link on my homepage that says “Login” (done)
    I want that link to have a highlighting mouseover effect (done)
    I’d like the text to link to the page “wp-login.php” in an iframe (done)
    I’d like that iframe to open in a topup lightbox (done)
    I’d like that lightbox iframe to be 400px by 450px in the center of the page (done)

    Now all I have left to do is make the background of the “wp-login.php” transparent so users can see through to the background of the website, but still keep the login form in full opacity. Basically just make the background transparent. (NOT DONE)

    —

      The code

    wp-login.php:

    <generic login php code>
<doctype>
<html>
<head>
<style>
body {
	overflow:hidden;
	background:transparent none;
	background-color:transparent;
}
</style>
</head>
<body  class="login" style="background-color:none transparent;">
</body>

    index.php:

    <mysite header code up here>

    <body>
<a href="wp-login.php" frameborder="0" allowtransparency="true" style="background: transparent none; overflow-y: hidden; allowtransparency=true" toptions="type=iframe, width=400px, effect=swtich, height=450px, shaded = 1, overlayClose = 1">
  Login
</a>

<iframe frameborder="0" allowtransparency="true" style="background: transparent none; overflow-y: hidden; allowtransparency=true" src="login.php"></iframe>
</body>

    —

    Should that not make the background of my iframes transparent? But the backs of the iframes are both still #fff default. WHAT GIVES!? Check my site code below plz:

    this is what that generates:

    https://www.thenozzle.net/

    PLEASE HELP I’ve GOT TO GET THIS SITE UP BY FRIDAY!!! :O

    BTW: The to the lightbox is above the sidebar on the left and below the search tooltip.

Viewing 5 replies - 1 through 5 (of 5 total)
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Transparent background not working in ALL BROWSERS’ is closed to new replies.