Similar transparent (png) images don't render correctly in FF 34.0 or Chrome 39.0.2171.71

[jessemonroy650]

I running Ubuntu 14.04 LTE. jessem@lenni:~$ uname -a Linux lenni 3.13.0-43-generic #72-Ubuntu SMP Mon Dec 8 19:35:44 UTC 2014 i686 i686 i686 GNU/Linux

The "data url" renders on it's own correctly, but when used as a sprite (like those given at http://instantsprite.com/) then it fails, and all sprite render just like the first sprite. The image is the classic "hamburger" used as a menu icon on mobile Apps. Images included below.

Jesse

---

Added: July 31, 2015 I should have added. I likely used "KolourPaint Version 4.13.1" to create the images.

These are the Bugs for that tool. https://bugs.kde.org/buglist.cgi?bug_status=open&content=transparent&order=Importance&product=kolourpaint&query_format=specific

In addition, the website recently reported they can now (on 2011-07-26 with v4.7) use Alpha Channel Transparency. I must assume since I am running 4.13, the tool I am using is using Alpha Channel Transparency, but of course there is some bit off somewhere.

Jesse

[bgrins]

Hi, I'm not sure I follow exactly. Are you saying the CSS that it's spitting out isn't working? Could you link to a demo page using the CSS / image that was generated, or link to a set of the images you are using as a test case?

[jessemonroy650]

Sorry, I though I did put together a demo. Let me get one together.

[jessemonroy650]

Okay. Here is the link. I can't find the original image I uploaded, but here are working example pages. Renders the same on: Firefox 34.0, Chrome 39.0.2171.71, Dolphin 11.3.8, Chrome 42.0.2272.96 (on Android) http://codesnippets.altervista.org/documentation/UI/index.html