Google Chrome Beta PNG Opacity bug

Sep04

I have just discovered a bug in Google Chrome. I don’t know if I’m the first one to discover it or write about it but who cares. I think the Google Chrome developers should know about this, if they still haven’t heard of it. Since Google Chrome is still in beta, this bug is just the first of many — or few.

google-chrome-beta-opacity-png-bug

So what’s the Chrome bug? It’s actually a PNG opacity issue. I discovered this bug when I came across taptaptap, a website for iPhone apps, using the Google Chrome browser. Below are screenshots of the taptaptap website on Google Chrome and Firefox, respectively.

Google Chrome PNG bug demonstration

Google Chrome PNG bug demonstration. Notice the white borders on the soft-rounded square icons.

Firefox Taptaptap Screenshot

Same website as seen on Firefox 2 browser. See the difference?

To see the actual bug, simply open taptaptap.com in Google Chrome and click one of those soft rounded square icons. You should be able to see white borders appear on inactive square icons.

Like I said, Google Chrome is still in beta, so it’s just normal to encounter a few bugs. Another demonstration of a CSS bug on Google Chrome is seen when you visit Avalonstar.

It appears that they’ve exchanged text-shadow for text-shitify.

But I must admit, I fell in love with Chrome the first time I saw it. It never fails to give me fast, reliable and organized browsing experience. Google Chrome is fast, just check out the benchmarks here, there and everywhere.

Update: Google Chrome 2 has been released and it fixes the PNG Opacity bug. Thanks to the Google Chrome developers for looking into this one major problem.

Tags: , , , , ,

Comments

Wanna share your thoughts? Leave a message
28
  1. I also have realized that yesterday. I have sent a report to Google about that…

  2. Me too! Just noticed the opacity bug on a website I’m developing now.

  3. Yep, I noticed it in my own website. It happens when you add opacity to an image with alphachannel, (png with transparency). But you noticed it before me :) I was searching the web, to see if anyone is facing the same issue. You can see the bug at dronasys.com, if I havent fixed it by then.

  4. Yes. Here is a completely transparent png except for the shadow (http://bible.logos.com/content/images/refTaggerDropShadow.png) which appears on http://www.millcreek-kc.org when going over bible verses. I’m confident they’ll fix that soon.

  5. Umang
    November 1st, 2008
    at 2:24 am

    A google product in Beta?? That’s not much of a reason for Google tbh, considering close to 50% of their products are in beta and some have been out for over a year

  6. Yes, e.g. Gmail which still says “BETA” beneath the logo.

  7. I hesitate to use even upgraded versions of Chrome, since my last experience using it (first version) left my computer compromised; have they fixed the security issues beyond all doubt?

  8. I found this bug too on mine company site… Waiting for chrome to repair this annoying problem

  9. Good news! Chrome is out of beta now. The bad news? The PNG Opacity problem is still there. Text-shadow is still text-shitify.

  10. me
    January 29th, 2009
    at 12:55 am

    same here. A website I’m developing suffers from this problem.

    Hope that chrome does not turn out to be yet another source of annoying troubles for developers.

  11. Binu hit it on the head. Chrome doesn’t presently support partial opacity (anything less than opacity:1;) on images with alpha channels (24-bit pngs). Thanks a load!

  12. Keep posting please! Nice blog ;)

  13. john
    April 16th, 2009
    at 7:40 pm

    This is unfortunately still a problem.

  14. Just wanted to say thanks for noting this about Chrome. Noticed this very same issue when a chrome user pointed it out to me while testing a site design. It seems like partial opacity on PNGs (or using opacity CSS) just trips Chrome up pretty bad. Weird.. hope they get that fixed.

  15. Yes, this is still a problem in Chrome on poopstream.com. I’ve taken care of IE6 quite nicely. (you must try my solution!). I hope they release something soon, because I love Chrome.

    • dino
      April 21st, 2009
      at 10:22 pm

      @Alan H.: I checked out poopstream and it’s very funny man. especially with the sounds on!

  16. Interesting to know.

  17. Chrome also has issues on my site with 24 bit pngs. They need to fix this issue pronto.

    • Gordon
      May 20th, 2009
      at 2:43 pm

      Chrome has been out of beta for a long time but this bug is still out there. Don’t get me wrong but I love chrome, it’s fast reliable and lightweight but this bug has got to be fixed immediately. Damn you Google.

  18. Hello, thanks for this share. It reminded me of a fet things, just a sec I will share my mind cuz I`m a bit busy now :D.

  19. Umm, interesting this bug, but it’s seems a part of the design of the page itselfs…

  20. hello, thank you by the site dieta atkins

  21. very cool, gracias

  22. muito bom o site e espero que continuem, assim os melhores

  23. Hey! Someone in my Facebook group shared this site with us so I came to look it over. I’m definitely loving the information. I’m book-marking and will be tweeting this to my followers! Excellent blog and brilliant style and design.

  24. Hey! Someone in my Facebook group shared this site with us so I came to look it over. I’m definitely loving the information. I’m book-marking and will be tweeting this to my followers! Excellent blog and brilliant style and design.

  25. Chrome also has issues on my site with 24 bit pngs. They need to fix this issue pronto.

  26. Thanks in favcor of sharing suc a pleasant thinking, article is good, thats
    why i have read it fully

Find me on the Web

Other places you can find me

Daily Digest

Resource Sites for Inspiration

Extra Stuff

Represent!

Search this Website

Looking for something specific?