Transparent BG in iframe - works in firefox not in IE: html css background transparent

Transparent BG in iframe - works in firefox not in IE

Asked by: savone

I am by no means a web designer. Someone made me a template to use on my website and I am loving it. I am using a contact for in an iframe and when viewed in firefox it looks great (transparent background), but when I view it in IE the BG is white.

page: http://stevenvona.com/contact.html

Can anyone point me to the correct code to get this to work in both browsers?

Thanks

Instant Access to this Solution

Plus...

30 Day FREE access, no risk, no obligation

Collaborate with the world's top tech experts

Unlimited access to our exclusive solution database

Never be left without tech help again

Trusted by hundreds of thousands everyday for fast, accurate and reliable tech support.

"The time we save is the biggest benefit of Experts Exchange to Warner Bros. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange." Mike Kapnisakis, Warner Bros.

"Our team likes having a resource that is more secure than just using Google and most experts using this service really know their stuff. It's nice to look here first versus using Google." Dayna Sellner, Lockheed Martin

"Anytime that I've been stumped with a problem, 9 out of 10 times Experts Exchange has either the accepted solution or an open discussion of the potential solution to the problem." Kenny Red, eBay Inc.

See what Experts Exchange can do for you.

Got a question?

We've got the answer.

Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.

Screenshot of Experts Exchange Knowledgebase

Need individual assistance?

Our experts are ready to help.

If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.

Want to learn from the best?

Read articles from industry experts.

Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.

Working on a long term project?

Store your work and research.

Save solutions to your questions, answers you’ve discovered through searching plus helpful articles in your personal knowledgebase for easy future access.

Join the Community

Give a Little. Get a Lot.

Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.

savone, I'm looking at the contact.html source code now and I can't see the allowtransparency="true" set in the iframe tag. If you are using another server it will help to see it too or you may paste the entire code using the "Attach Code Snippet".

Your contactus.php file has no <hTML>, <head> nor <body> tags. I will sure add them. The code should look like the one attached.

DO NOT REPLACE YOUR CODE WITH MINE SINCE MINE IS ONLY THE HTML PART OF THE PHP FILE!

...
<style type="text/css">

</style>
...

The style tag adds the background-color option.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!--
Copyright (c) 2009 Stuart Cochrane <stuartc1@gmail.com>
 
Permission is hereby granted, to any person legally purchasing a copy
of this software and associated documentation files (the "Software"), to deal
in the Software with little restriction, including the rights to use, copy, 
modify, merge and publish the Software, subject to the following conditions:
 
A. The copyright, permission and conditional notices shall be included in
   all copies or substantial portions of the Software.
 
B. Single license holder can use this Software on a single Licensed Domain only.
	 This includes sub-domains (of Licensed Domain).
 
C. You may not convey/distribute this software to any third party without
   express permission from the Copyright Holder/Author.
 
D. You can surrender you license to a third party providing you also surrender
   the licensed Domain name to the same party.
 
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
-->
 
 
<!-- BELOW IS THE CODE FOR: contactus.php -->
 
<head>
 
<script src="_validation.js"></script>
<script>
required.add('Name','NOT_EMPTY','Name');
required.add('Email','EMAIL','Email');
required.add('message','NOT_EMPTY','Message');
required.add('answer_out','NUMERIC','Spam Prevention Question');
</script>
<link rel="stylesheet" type="text/css" href="formstyles/plain-white-black.css">
<link rel="stylesheet" type="text/css" href="formstyles/verdana-small.css">
 
 
<style type="text/css">
<!--
html, body, form{
	margin: 0;
	padding: 0;
	}
	
body{
	background-color: transparent;
	}
-->
</style>
</head>
<body>
<form name="form1" method="post" action="_process.php" onsubmit="return validate.check(this)">
<table width="800px">
	<tr>
		<td colspan="2">&nbsp;&nbsp;&nbsp;&nbsp;<strong style="font-family: Verdana, Geneva, sans-serif; font-size: 12px; color:#999;">Contact Us</strong><span class="style5 style4"><strong><br />
    </strong></span>
    <hr /></td>
  </tr>
<tr>
 <td colspan="2">
  <p class="ok" style="color:#999; font-family:Verdana, Geneva, sans-serif; font-size:12px"><br />
    Please use the form below to send us a message. Fields marked with * are required.</p><br />
 
 
 
 
 </td>
</tr>
<tr>
 <td width="193" valign="top" class="cfbpro_td">
  <label for="Name" class="required">Name<span class="required_star"> * </span></label>
 </td>
 <td width="395" valign="top" class="cfbpro_td">
 
  <input name="Name"  type="text" id="Name" value="" size="55" maxlength="65">
 </td>
</tr>
<tr>
 <td valign="top" class="cfbpro_td">
  <label for="Email" class="required">Email<span class="required_star"> * </span></label>
 </td>
 <td valign="top" class="cfbpro_td">
 
  <input name="Email"  type="text" id="Email" value="" size="55" maxlength="65">
 </td>
</tr>
<tr>
 <td valign="top" class="cfbpro_td">
  <label for="Phone">Phone Number</label>
 </td>
 <td valign="top" class="cfbpro_td">
  <input name="Phone"  type="text" id="Phone" value="" size="55" maxlength="65">
 
 </td>
</tr>
<tr>
 <td valign="top" class="cfbpro_td">
  <label for="message"><span style="font-family: Verdana, Geneva, sans-serif; font-weight: bold;">Message<span class="required_star"> * </span></span></label>
 </td>
 <td valign="top" class="cfbpro_td">
  <textarea  name="message" cols="55" id="message"></textarea>
 
 </td>
</tr>
<tr>
 <td valign="top" class="cfbpro_td">
  <label for="answer_out" class="required">
  
 
  2 plus 3?
 
  <span class="required_star"> * </span></label>
 </td>
 <td valign="top" class="cfbpro_td">
 
  <input type="text" name="answer_out" size="6" id="answer_out">
  &nbsp;<!-- License holder can remove this link -->   <span class="smallv">(Used for Spam Pevention)</span></td>
<tr>
 <td colspan="2" style="text-align:center"  class="cfbpro_td">
  <input type="submit" value="Submit">
 </td>
</tr>
<tr>
  <td colspan="2" style="text-align:center"  class="cfbpro_td"><span class="smallv">* Marked fields are required.</span></td>
 
</tr>
<tr>
  <td colspan="2" style="text-align:center"  class="cfbpro_td">&nbsp;</td>
</tr>
</table>
 
<!-- the 3 hidden fields below must REMAIN for the magic to work -->
<input type="hidden" name="process_f" value="true">
<input type="hidden" name="answer_p" value="pY77">
<input type="hidden" name="enc" value="u=6UgK6Iu=CUu=C5::LEmGn3Sae=Pn3GT5d2q8W3TCSyqBVznGd9Ab3aYv">
<!-- above 2 hidden fields MUST remain -->
 
</form>
</body>
</html>

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:

Select all Open in new window

Question

Transparent BG in iframe - works in firefox not in IE

Subscribe now for full access to Experts Exchange and get

Instant Access to this Solution

html css background transparent

Hypertext Markup Language (HTML)

Cascading Style Sheets (CSS)

Trusted by hundreds of thousands everyday for fast, accurate and reliable tech support.

See what Experts Exchange can do for you.

Got a question?

We've got the answer.

Need individual assistance?

Our experts are ready to help.

Want to learn from the best?

Read articles from industry experts.

Working on a long term project?

Store your work and research.

What Makes Experts Exchange Unique?

Trusted by the world's most respected brands.

Faithfully serving IT professionals since 1996.

Related Solutions

Free Tech Articles

Cloud Class Webinars

Join the Community

Give a Little. Get a Lot.

Answers

3 Ways to Join

The Experts

The Experts

Testimonials

Testimonials

Testimonials

Business Clients

Business Clients

In the Press

In the Press

In the Press