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.
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. Notice the white borders on the soft-rounded square icons.
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: browser bugs, bugs, css, Google Chrome, opacity, PNG bug
September 5th, 2008
at 1:40 am
I also have realized that yesterday. I have sent a report to Google about that…
September 14th, 2008
at 12:54 am
Me too! Just noticed the opacity bug on a website I’m developing now.
September 20th, 2008
at 7:58 pm
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.
November 1st, 2008
at 12:05 am
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.
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
November 4th, 2008
at 4:03 pm
Yes, e.g. Gmail which still says “BETA” beneath the logo.
November 22nd, 2008
at 9:42 am
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?
November 24th, 2008
at 6:55 pm
I found this bug too on mine company site… Waiting for chrome to repair this annoying problem
December 14th, 2008
at 10:14 am
Good news! Chrome is out of beta now. The bad news? The PNG Opacity problem is still there. Text-shadow is still text-shitify.
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.
February 11th, 2009
at 10:48 am
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!
March 18th, 2009
at 2:33 pm
Keep posting please! Nice blog ;)
April 16th, 2009
at 7:40 pm
This is unfortunately still a problem.
April 17th, 2009
at 6:54 pm
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.
April 19th, 2009
at 11:48 pm
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.
April 21st, 2009
at 10:22 pm
@Alan H.: I checked out poopstream and it’s very funny man. especially with the sounds on!
April 23rd, 2009
at 8:03 am
Interesting to know.
May 19th, 2009
at 2:46 am
Chrome also has issues on my site with 24 bit pngs. They need to fix this issue pronto.
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.
December 14th, 2010
at 7:14 pm
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.
February 19th, 2011
at 9:58 pm
Umm, interesting this bug, but it’s seems a part of the design of the page itselfs…
April 11th, 2011
at 6:50 am
hello, thank you by the site dieta atkins
April 23rd, 2011
at 1:58 am
very cool, gracias
April 30th, 2011
at 7:48 am
muito bom o site e espero que continuem, assim os melhores
July 22nd, 2011
at 3:11 am
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.
August 22nd, 2011
at 12:08 pm
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.
August 22nd, 2011
at 12:09 pm
Chrome also has issues on my site with 24 bit pngs. They need to fix this issue pronto.