Webkit { background: transparent;} bug

Webkit IconI’m a Huuuuge fan of the Webkit Open Source Project. It’s the engine behind Safari, Apple’s browser for both OS X and Windows. If you haven’t used it, give it a try. It’s my most favoritist browser. I prefer it’s Web Inspector over Firefox‘s Firebug plugin.

Webkit is the experimental version of Safari and you can download their nightly build and essentially stay on the bleeding edge of what web browsers can do. You too can be on the bleeding edge, as long as you don’t mind daily browser updates.

With the recent update of this site, I noticed a minor bug with the way Webkit renders the a:visited {background: transparent;} style. In every other browser the background is rendered as expected: transparent. In Webkit, however, the backgrounds were rendering in pure black.

To fix the problem, I simply changed background: transparent; to background: white; and all was well.


    That\’s surprising that it ended up in the Safari 5 release… Did you fix it as I did, or come up with something else?


Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Check out our Complete Website Package

Chat with us about your project or click below to find out more!

Learn More   Chat with us

Hi. We are Spigot. Telemarketers pronounce it Spy-got.

We are a Park City, Utah based web design shop that excels at building custom websites powered by WordPress and WooCommerce. We love content - content strategy, content curation, content soup...????Have a look around the site. As you browse you'll find useful navigation links in the sidebar on the left. We hope you find them useful anyway... Please let us know what you think, shoot us a message here.