How to create transparent frameset?

html css frameset
Chin picture Chin · Nov 13, 2012 · Viewed 7.4k times · Source

I want to create a page with 3 frames in a frameset.

My Home.html is the main page, with 3 frames, which is Header.html, Announcement.php and Footer.html.

<frameset rows="10%,*,5%" noresize frameborder="NO" FRAMESPACING="0" scrolling="NO" >
   <frame src="Header.html" scrolling="NO">
   <frame src="Announcement.php" name="container">
   <frame src="Footer.html" scrolling="NO">
</frameset><noframes></noframes>

Inside the Header.html, I defined the style of the html to transparent inside the Frame.css. This same to the others 2 frames as well.

html
{
    background-color : transparent;
}

But the background of the Home.html does not display. But when I remove the frameset, the background is displayed.

I uploaded it to here.

So how can I solve this problem?

Edit :

Based on this page, is the allowtransparency attribute browser dependability?

Solve :

I'm tried to view the page with Mozilla Firefox, it seems like working with allowtransparency attribute, but when I view the page using chrome, IE9 and Opera 12, it's didn't work.

Answer

Samuli Hakoniemi picture Samuli Hakoniemi · Nov 13, 2012

Use:

<frame allowtransparency="true" ...>

Related questions

Frameset not working

I'm doing a frameset with two pages, the first page is 'index.php', which would be the page with the main content of my site. The second page is the 'mp3.html', which is an mp3 player that should be …

Read More
How to horizontally center a <div>

How can I horizontally center a <div> within another <div> using CSS? <div id="outer"> <div id="inner">Foo foo</div> </div>

Read More
How do I vertically center text with CSS?

I have a <div> element which contains text and I want to align the contents of this <div> vertically center. Here is my <div> style: #box { height: 170px; width: 270px; background: #000; font-size: 48px; color: #…

Read More