Advanced Layer Popup Support Product Page
Problem with image transparency
Reported 25 Jan 2007 18:14:32
1
has this problem
25 Jan 2007 18:14:32 Paul Kramer posted:
When a page with any image that has transparency, the transparency goes thru the background of the popup layer as well.So whatever is under the popup layer shows thru.
THe specific place I am seeing this problem is popping up a layer with a google map (that has markers showing locations) the transparency for the map controls and the markers all let the underlying page show thru.
This occurs in IE6 but not FF, and not as bad in IE7. IE7 only has the problem around the map controls.
screen shot of problem available here: www.ultrawebdesign.com/dl/dmxzone1.gif
Loading the exact same page I load into the layer into the browser directly displays correctly.
Thanks
Paul
Replies
Replied 31 Jan 2007 19:28:13
31 Jan 2007 19:28:13 Mircho Mirev replied:
Hello Tom,
we are testing this issue. When we try to recreate this exact situation by loading google maps we cannot get this strange effect of the background showing through at the places the transparency of the images is. (this was tested in IE6 and IE7)
Can you provide us with access to that page if possible so we can proceed with testing it?
We will need this to recreate the problem and fix it.
Best regards,
DMXZone team.
we are testing this issue. When we try to recreate this exact situation by loading google maps we cannot get this strange effect of the background showing through at the places the transparency of the images is. (this was tested in IE6 and IE7)
Can you provide us with access to that page if possible so we can proceed with testing it?
We will need this to recreate the problem and fix it.
Best regards,
DMXZone team.
Replied 31 Jan 2007 19:55:12
31 Jan 2007 19:55:12 Paul Kramer replied:
access information has been sent via email to George, asked him to forward it to you.
Thanks
Thanks
Replied 01 Feb 2007 22:58:08
01 Feb 2007 22:58:08 Dave Watson replied:
<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
When a page with any image that has transparency, the transparency goes thru the background of the popup layer as well.
So whatever is under the popup layer shows thru.
THe specific place I am seeing this problem is popping up a layer with a google map (that has markers showing locations) the transparency for the map controls and the markers all let the underlying page show thru.
This occurs in IE6 but not FF, and not as bad in IE7. IE7 only has the problem around the map controls.
screen shot of problem available here: www.ultrawebdesign.com/dl/dmxzone1.gif
Loading the exact same page I load into the layer into the browser directly displays correctly.
Thanks
Paul
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
When a page with any image that has transparency, the transparency goes thru the background of the popup layer as well.
So whatever is under the popup layer shows thru.
THe specific place I am seeing this problem is popping up a layer with a google map (that has markers showing locations) the transparency for the map controls and the markers all let the underlying page show thru.
This occurs in IE6 but not FF, and not as bad in IE7. IE7 only has the problem around the map controls.
screen shot of problem available here: www.ultrawebdesign.com/dl/dmxzone1.gif
Loading the exact same page I load into the layer into the browser directly displays correctly.
Thanks
Paul
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
Replied 01 Feb 2007 23:00:52
01 Feb 2007 23:00:52 Dave Watson replied:
I have the same problem with Opera. When a pop needs to scroll the background appears in stripes in the window.
I have not found a solution for this. I have not seen it in IE7 however.
When a page with any image that has transparency, the transparency goes thru the background of the popup layer as well.
So whatever is under the popup layer shows thru.
THe specific place I am seeing this problem is popping up a layer with a google map (that has markers showing locations) the transparency for the map controls and the markers all let the underlying page show thru.
This occurs in IE6 but not FF, and not as bad in IE7. IE7 only has the problem around the map controls.
screen shot of problem available here: www.ultrawebdesign.com/dl/dmxzone1.gif
Loading the exact same page I load into the layer into the browser directly displays correctly.
Thanks
Paul
I have not found a solution for this. I have not seen it in IE7 however.
When a page with any image that has transparency, the transparency goes thru the background of the popup layer as well.
So whatever is under the popup layer shows thru.
THe specific place I am seeing this problem is popping up a layer with a google map (that has markers showing locations) the transparency for the map controls and the markers all let the underlying page show thru.
This occurs in IE6 but not FF, and not as bad in IE7. IE7 only has the problem around the map controls.
screen shot of problem available here: www.ultrawebdesign.com/dl/dmxzone1.gif
Loading the exact same page I load into the layer into the browser directly displays correctly.
Thanks
Paul
Replied 03 Jun 2008 14:30:02
03 Jun 2008 14:30:02 Kenny Darcy replied:
Was this ever resolved.
I have the same problem. I have a form on my page, on that page is also a button that when clicked will give a pop up layer. Inside that layer is another form. The text fields in the pop up become transparent and show the textarea from underneath the popped up layer.
Any one know how to fix this.
I have the same problem. I have a form on my page, on that page is also a button that when clicked will give a pop up layer. Inside that layer is another form. The text fields in the pop up become transparent and show the textarea from underneath the popped up layer.
Any one know how to fix this.
Replied 04 Jun 2008 00:40:41
04 Jun 2008 00:40:41 Dave Watson replied:
<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
Was this ever resolved.
I have the same problem. I have a form on my page, on that page is also a button that when clicked will give a pop up layer. Inside that layer is another form. The text fields in the pop up become transparent and show the textarea from underneath the popped up layer.
Any one know how to fix this.
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
I make sure there is an Horizontal scroll bar when there is a vertical one.
This seems to resolve the problem. Not the best solution but it works.
You need to watch the size of your forms as well. If the browser is not on max screen size I find you can not scroll down to the buttons in some cases.
You can not rely on the browser print button. Hit print preview and you do not see the form.
It has a lot of good uses but I am a bit careful with forms.
Dave
Was this ever resolved.
I have the same problem. I have a form on my page, on that page is also a button that when clicked will give a pop up layer. Inside that layer is another form. The text fields in the pop up become transparent and show the textarea from underneath the popped up layer.
Any one know how to fix this.
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
I make sure there is an Horizontal scroll bar when there is a vertical one.
This seems to resolve the problem. Not the best solution but it works.
You need to watch the size of your forms as well. If the browser is not on max screen size I find you can not scroll down to the buttons in some cases.
You can not rely on the browser print button. Hit print preview and you do not see the form.
It has a lot of good uses but I am a bit careful with forms.
Dave
Replied 04 Jun 2008 10:27:22
04 Jun 2008 10:27:22 Kenny Darcy replied:
Hi yea,
I found out what was wrong. the css i was using for my buttons in the form of the pop up was casuing the issue. this is what i was using for the css on my forms it works very well every where else but on this occasion it does not work v well inside the lay pop up itself.
input.btn {
color:#050;
font-family: Tahoma, Arial, Verdana, Monaco, sans-serif;
font-size:10px;
font-weight:bold;
background-color:#fed;
cursor<img src=../images/dmxzone/forum/icon_smile_tongue.gif border=0 align=middle>ointer;
border:1px solid;
border-top-color:#B2876A;
border-left-color:#B2876A;
border-right-color:#B2876A;
border-bottom-color:#B2876A;
filter<img src=../images/dmxzone/forum/icon_smile_tongue.gif border=0 align=middle>rogidXImageTransform.Microsoft.Gradient (GradientType=0, StartColorStr='#ffffffff', EndColorStr='#ffeeddaa');
}
I found out what was wrong. the css i was using for my buttons in the form of the pop up was casuing the issue. this is what i was using for the css on my forms it works very well every where else but on this occasion it does not work v well inside the lay pop up itself.
input.btn {
color:#050;
font-family: Tahoma, Arial, Verdana, Monaco, sans-serif;
font-size:10px;
font-weight:bold;
background-color:#fed;
cursor<img src=../images/dmxzone/forum/icon_smile_tongue.gif border=0 align=middle>ointer;
border:1px solid;
border-top-color:#B2876A;
border-left-color:#B2876A;
border-right-color:#B2876A;
border-bottom-color:#B2876A;
filter<img src=../images/dmxzone/forum/icon_smile_tongue.gif border=0 align=middle>rogidXImageTransform.Microsoft.Gradient (GradientType=0, StartColorStr='#ffffffff', EndColorStr='#ffeeddaa');
}
Replied 04 Jan 2010 22:07:32
04 Jan 2010 22:07:32 David Stanley replied:
Was a fix for this problem ever worked out? I Could really use some help with this. I have worked out the issues in Safari by making sure the user has the latest version of flash but IE 8 in regular and compatibility view and IE7 are a real pain.
In IE go to www.tularecountyemap.com/ and click the county seal/logo.
(this link opens www.tularecountyemap.com/map.html)
When the flash loads click the tree left of "Lake Kaweah" near the middle the pop-up will open and all is still fine if you have java installed.
(this page is www.tularecountyemap.com/java/lake_kaweah-01.html)
Now click the blue globe icon to see the map and the transparency problem.
(this page is www.tularecountyemap.com/java/lake_kaweah-01map.html)
Everything works fine in FireFox and Safari.
Thanks in advance!
In IE go to www.tularecountyemap.com/ and click the county seal/logo.
(this link opens www.tularecountyemap.com/map.html)
When the flash loads click the tree left of "Lake Kaweah" near the middle the pop-up will open and all is still fine if you have java installed.
(this page is www.tularecountyemap.com/java/lake_kaweah-01.html)
Now click the blue globe icon to see the map and the transparency problem.
(this page is www.tularecountyemap.com/java/lake_kaweah-01map.html)
Everything works fine in FireFox and Safari.
Thanks in advance!