Microsoft Windows Vista Community Forums - Vistaheads
Recommended Download



Welcome to the Microsoft Windows Vista Community Forums - Vistaheads, YOUR Largest Resource for Windows Vista related information.

You are currently viewing our boards as a guest which gives you limited access to view most discussions and access our other features. By joining our free community you will have access to post topics, communicate privately with other members (PM), respond to polls, upload content and access many other special features. Registration is fast, simple and absolutely free so , join our community today!

If you have any problems with the registration process or your account login, please contact us.

Driver Scanner

IE7 Opacity filter on transparent PNG BUG

microsoft.public.internetexplorer.general






Speedup My PC
Reply
  #1 (permalink)  
Old 11-04-2008
Erik Daanen
 

Posts: n/a
IE7 Opacity filter on transparent PNG BUG
Hello,

I wan't to report a bug about using the opacity filter on transparent png's.
I can reproduce this bug in IE8 beta 2 aswell.
FireFox has no problems in rendering transparent PNG's with the use of
opacity.

To test this bug you will need one PNG image with transparency, a box with
shadow will do.

The example below will use the opacity filter on the PNG image. Instead of
calculating the correct values for the transparent part of the image (for
example a shadow) it will render this as 1 alpha level (1 color). So the
shadow will loose it's shape.
The only way to fix this, is by using a background-color on the DIV.Container.
But hey, then we are back to zero, because i might just aswell use images
with background to begin with.
When the background of your page is for example a gradient color. You simply
need the PNG container to be transparent.
Test it, and you will see the problem.

<HTML>
<HEAD>
<STYLE>
DIV.Container
{
filter:alpha(opacity=30);
opacity: 0.3;
width: 400px;
height: 400px;
}

SPAN.Image
{
display:inline-block;
width: 400px;
height: 400px;
filter: progidXImageTransform.Microsoft.AlphaImageLoader (src='001.png');
background-image: url(001.png);
}
</STYLE>
</HEAD>
<BODY style="background-color: white;">
<DIV class="Container"><SPAN class="Image"></SPAN></DIV>
</BODY>
</HTML>





----------------
This post is a suggestion for Microsoft, and Microsoft responds to the
suggestions with the most votes. To vote for this suggestion, click the "I
Agree" button in the message pane. If you do not see the button, follow this
link to open the suggestion in the Microsoft Web-based Newsreader and then
click "I Agree" in the message pane.

http://www.microsoft.com/communities...orer. general
Reply With Quote
Sponsored Links
  #2 (permalink)  
Old 11-04-2008
Leonard Grey
 

Posts: n/a
Re: IE7 Opacity filter on transparent PNG BUG
Shouldn't you report this to Microsoft instead of your fellow users?
---
Leonard Grey
Errare Humanum Est

Erik Daanen wrote:
> Hello,
>
> I wan't to report a bug about using the opacity filter on transparent png's.
> I can reproduce this bug in IE8 beta 2 aswell.
> FireFox has no problems in rendering transparent PNG's with the use of
> opacity.
>
> To test this bug you will need one PNG image with transparency, a box with
> shadow will do.
>
> The example below will use the opacity filter on the PNG image. Instead of
> calculating the correct values for the transparent part of the image (for
> example a shadow) it will render this as 1 alpha level (1 color). So the
> shadow will loose it's shape.
> The only way to fix this, is by using a background-color on the DIV.Container.
> But hey, then we are back to zero, because i might just aswell use images
> with background to begin with.
> When the background of your page is for example a gradient color. You simply
> need the PNG container to be transparent.
> Test it, and you will see the problem.
>
> <HTML>
> <HEAD>
> <STYLE>
> DIV.Container
> {
> filter:alpha(opacity=30);
> opacity: 0.3;
> width: 400px;
> height: 400px;
> }
>
> SPAN.Image
> {
> display:inline-block;
> width: 400px;
> height: 400px;
> filter: progidXImageTransform.Microsoft.AlphaImageLoader (src='001.png');
> background-image: url(001.png);
> }
> </STYLE>
> </HEAD>
> <BODY style="background-color: white;">
> <DIV class="Container"><SPAN class="Image"></SPAN></DIV>
> </BODY>
> </HTML>
>
>
>
>
>
> ----------------
> This post is a suggestion for Microsoft, and Microsoft responds to the
> suggestions with the most votes. To vote for this suggestion, click the "I
> Agree" button in the message pane. If you do not see the button, follow this
> link to open the suggestion in the Microsoft Web-based Newsreader and then
> click "I Agree" in the message pane.
>
> http://www.microsoft.com/communities...orer. general

Reply With Quote
  #3 (permalink)  
Old 11-04-2008
PA Bear [MS MVP]
 

Posts: n/a
Re: IE7 Opacity filter on transparent PNG BUG
Right pew, wrong church => IE Beta Public Newsgroup Support:
microsoft.public.internetexplorer.beta

Via the web-interface:
http://www.microsoft.com/communities...xplorer. beta

Via your newsreader:
news://msnews.microsoft.com/microsof...texplorer.beta
--
~Robear Dyer (PA Bear)
MS MVP-IE, Mail, Security, Windows Desktop Experience - since 2002
AumHa VSOP & Admin http://aumha.net
DTS-L http://dts-l.net/

Erik Daanen wrote:
> Hello,
>
> I wan't to report a bug about using the opacity filter on transparent
> png's.
> I can reproduce this bug in IE8 beta 2 aswell.
> FireFox has no problems in rendering transparent PNG's with the use of
> opacity.
>
> To test this bug you will need one PNG image with transparency, a box with
> shadow will do.
>
> The example below will use the opacity filter on the PNG image. Instead of
> calculating the correct values for the transparent part of the image (for
> example a shadow) it will render this as 1 alpha level (1 color). So the
> shadow will loose it's shape.
> The only way to fix this, is by using a background-color on the
> DIV.Container. But hey, then we are back to zero, because i might just
> aswell use images with background to begin with.
> When the background of your page is for example a gradient color. You
> simply
> need the PNG container to be transparent.
> Test it, and you will see the problem.
>
> <HTML>
> <HEAD>
> <STYLE>
> DIV.Container
> {
> filter:alpha(opacity=30);
> opacity: 0.3;
> width: 400px;
> height: 400px;
> }
>
> SPAN.Image
> {
> display:inline-block;
> width: 400px;
> height: 400px;
> filter: progidXImageTransform.Microsoft.AlphaImageLoader (src='001.png');
> background-image: url(001.png);
> }
> </STYLE>
> </HEAD>
> <BODY style="background-color: white;">
> <DIV class="Container"><SPAN class="Image"></SPAN></DIV>
> </BODY>
> </HTML>
>
>
>
>
>
> ----------------
> This post is a suggestion for Microsoft, and Microsoft responds to the
> suggestions with the most votes. To vote for this suggestion, click the "I
> Agree" button in the message pane. If you do not see the button, follow
> this
> link to open the suggestion in the Microsoft Web-based Newsreader and then
> click "I Agree" in the message pane.
>
> http://www.microsoft.com/communities...orer. general


Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off

Similar Threads
Thread Thread Starter Forum Replies Last Post
sidebar opacity =?Utf-8?B?UGV0ZXIgTy4=?= microsoft.public.windows.vista.general 4 11-09-2009 13:24
png32(alpha) with css opacity issue lunter microsoft.public.internetexplorer.general 0 09-01-2008 18:23
IE 7 issue with appendChild with opacity Daniel microsoft.public.internetexplorer.general 3 08-09-2008 22:51
Sidebar always on top, but with opacity? Curt B microsoft.public.windows.vista.general 3 02-02-2008 16:43
Sidebar opacity dev microsoft.public.windows.vista.general 4 05-14-2007 14:25




All times are GMT +1. The time now is 15:05.




Driver Scanner - Free Scan Now

Vistaheads.com is part of the Heads Network. See also XPHeads.com , Win7Heads.com and Win8Heads.com.


Design by Vjacheslav Trushkin for phpBBStyles.com.
Powered by vBulletin® Version 3.6.7
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.6.0 RC 2

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