Re: [Plone-Users] IE - transparent png completely invisible - pngbehavior.htc

[ashlian <as...@nc...>]

Fantastic advice! Using these tools (Fiddler and IEDevToolBar), I was able to
determine the cause of the problem:

When Plone creates PNGs, it does not append the png extension. The
pngbehavior.htc file depends on the PNG image ending with ".png".

To address this, I edited one more line of the pngbehavior.htc:

//changed because plone-generated PNGs do not have .png extension
//      if (/\.png$/i.test(realSrc)) {
        if (!(/\.gif$/i.test(realSrc)) && !(/\.jpg$/i.test(realSrc)) &&
!(/\.tif$/i.test(realSrc)) && !(/\.rle$/i.test(realSrc)) &&
!(/\.bmp$/i.test(realSrc)) && !(/\.wbm$/i.test(realSrc))) {

If someone has a better way to check the filetype, please let me know--given
that someone could create a PNG named "not.a.gif" the above code is not the
best solution...but at least it doesn't blindly load "blank.gif" for every
image on the page! (I don't expect our system to have more than .gif, .jpg,
and .png graphics, but better safe than sorry, and the order of conditions
takes this into account so it short-circuits for speed.)

Adam
 

Duncan Booth wrote:
> 
> ashlian <as...@nc...> wrote:
> 
>> we're not seeing ANY difference
>>
> The first thing I would suggest is that you work out for certain whether 
> the problem is with your content-types and Apache rewrites, or with the 
> implementation of the htc. If you don't already have it, install Fiddler 
> and verify that IE is actually requesting everything you expect.
> 
> http://www.fiddlertool.com/fiddler/
> 
> To check that your images really are picking up the expected CSS rule, you 
> should use Microsoft's IE developer toolbar:
> 
> http://www.microsoft.com/downloads/details.aspx?FamilyID=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en
> 
> That lets you click on page elements and see the resulting CSS (it's not
> as
> good as firebug though: it won't tell you exactly which rules were
> applied).
> It also lets you edit the style of objects, so you can try explicitly
> adding 
> removing or changing the behavior.
> 

-- 
View this message in context: http://www.nabble.com/IE---transparent-png-completely-invisible---pngbehavior.htc-tf537570s6742.html#a11985468
Sent from the General Questions mailing list archive at Nabble.com.