Transparent I-frames. [Archive] - Lissa Explains it All: Web Design Forums

View Full Version : Transparent I-frames.

swirlingrainbow

07-22-2005, 09:30 AM

I have managed to do this on my old site, but since moving to a paid host, new domain (FTP) the transparent backgrounds wont seem to work. Here is my site (http://sr-g.net/allpages/main_pages/Home.html)

And here is my css:

<html>
<head>
<style type="text/css">


</style>
</body>
</head>
</html>

I know for a fact that all of this coding works, but maybe I might of left out a number or two. Nothing I can really see, so can any of you help me out?

MaGiCSuN

07-22-2005, 09:59 AM

since it's a stylesheet it should be this:

BODY
{scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #F1ABE8;
scrollbar-base-color: #F5C1F0;
scrollbar-darkshadow-color: #F5C1F0;
scrollbar-face-color: #F5C1F0;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #F5C1F0;
scrollbar-track-color: #F1ABE8;
margin:0;
cursor: crosshair;
background-color: transparent;}

b{font-weight:normal; color: #FFFFFF;}
u{font-weight:normal; color:#FFFFFF;}
i{font-weight:normal; color: #FFFFFF;}

a:link {
color: #F1ABE8;
text-decoration: none;}

a:active {
color: #F1ABE8; text-decoration: none;}

a:visited {
color: #F1ABE8;
text-decoration: none;}

a:hover {
color: #FFFFFF; position: relative; left: 2.5px; top: 2.5px; filter:shadow(color=#F1AB E8,offX=-1,offY=-1 strength=1); height: 3px;
text-decoration: none; cursor: crosshair; }

body,tr,td, h6, p, li
{font-size: 8pt;
font-family: Arial;
color: #FFFFFF;
line-height: 12px;
letter-spacing: 0pt; }

h6
{font-size: 7pt;
font-weight:normal}

input, textarea
{color: #F5C1F0;
background-colour: transparent;
font-size: 7pt;
font-weight: normal;
text-decoration: none;
font-family: Arial;
text-align: center;
border-width: 1px;
border-style: solid;
border-color:#F5C1F0; }

als you seemto be missing the <head></head> and <body></body>tags on your regular page :)

Love,
Mirna

oldcrazylegs

07-28-2005, 05:14 PM

Here is an example of transparent Iframes http://dwight.tendirect.com/hhelper/html/frames/floatingiframes/transparentiframe.html