problem with iframe background image in IE

dudeman · #1 (**permalink**) Apr 18th, 2006, 01:04

Hi, I have an iframe within a table cell. I want the iframe to have a fixed background image no matter what is displayed within it. The following is my code that works perfect in Firefox and Netscape, but does not work in IE. Does anyone know how I can work around this?

<HTML>
<HEAD>
<TITLE></TITLE>
<style type="text/css">
iframe.bkgrndimg{
background-image: url(rosesfaded.jpg);
}
</style>
</HEAD>
<BODY>

<table>
<tr>
<td rowspan=7><iframe class=bkgrndimg id=Iframe1 src="Home.htm" width=400 height=390></iframe></td>
</tr>
</table>
</BODY>
</HTML>

dudeman · #2 (**permalink**) Apr 19th, 2006, 01:13

Actually I figured it out. All I had to do was make the background color of the source html page that fills the iframe transparent by adding this to the head:

<style type="text/css">
body {background-color: transparent}
</style>

After adding that it works perfect in IE

Dudeman

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
SAFARI / IFRAME / DIV IMAGE problem	shan	Web Page Design	1	Apr 10th, 2008 09:41
background-image rollover problem ie6	ukstoner	Web Page Design	6	Apr 9th, 2008 14:00
[SOLVED] div background image problem in ie	Rincewind	Web Page Design	7	Nov 30th, 2007 09:30
Problem with my footer background image in IE	dthomas31uk	Web Page Design	3	Jul 1st, 2007 12:49
Background Image Problem - Challenge!	lgmgroup	Web Page Design	2	Jan 23rd, 2007 16:09

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
problem with iframe background image in IE