iFrame transparency?

Impertinence · Post by **Impertinence** » Fri Apr 07, 2006 2:59 am

Hopefully someone can help me out with this. I'm attempting to place an iframe in a page and make both the frame and the scrollbar transparent. The problem is that when I do so, the text becomes shadowy and almost impossible to read, like the text on this site: http://nadine.fan-arts.net/lits/main.html. Is there a way to make both the scrollbar and the iframe background transparent without this effect?

jasondsouza · Post by **jasondsouza** » Fri Apr 07, 2006 2:22 pm

you want the text to look more bold.
right

Impertinence · Post by **Impertinence** » Fri Apr 07, 2006 2:47 pm

Actually, I'd like to it look less bold. Is there any way to make the text just normal? (There seem to be two layers of text and it is a big WTF? for me right now)

jasondsouza · Post by **jasondsouza** » Fri Apr 07, 2006 2:50 pm

make it bold and see how it looks

Impertinence · Post by **Impertinence** » Fri Apr 07, 2006 2:53 pm

Thanks, I'll try that.

Lixas · Post by **Lixas** » Fri Apr 07, 2006 6:24 pm

here is the suggestion:

create a file named after "mystyle.css" with provided code:

Code: Select all

background-color: transparent;

scrollbar-face-color:ffffff; 
scrollbar-shadow-color:AFC3C3;
scrollbar-highlight-color:AFC3C3;
scrollbar-3dlight-color:ffffff;
scrollbar-darkshadow-color:AFC3C3;
scrollbar-track-color:ffffff; 
scrollbar-arrow-color:91abab;

and in your page add such line:

<link rel="stylesheet" type="text/css" href="mystyle.css">

like in this:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Page title</title>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
Your pages source here
</body>
</html>

P.S. this not works for firefox browsers, firefox does not support scroolbar styles

Hope this works

post here a cooment if it's works

Impertinence · Post by **Impertinence** » Fri Apr 07, 2006 11:17 pm

Thank you! Yes, I know that Firefox doesn't do scrollbar customization. Eventually I just scrapped the whole idea and designed it differently. *g* The problem was the background image but it's fixed. Thanks again for the suggestion!