Tag Archives: webkit

Cross-Browser Opacity that Stops Inheritance

Posted on by C. Scott Asbach
opacity

Luckily we now have rgba() in modern standards compliant browsers (read not Internet Explorer). Not only does rgba() allow you to create transparent backgrounds without passing inheritance, but it allows you to declare it on a single css property instead of setting the entire element to one level of opacity. No inheritance AND more granular control, what’s not to love? Continue reading →

Posted in Tutorials | Tagged , , , , , , , , , , , | 6 Comments

How to get rid of image link underlines in Firefox

Posted on by C. Scott Asbach
underlines

Like magic your image underlines are gone. (if your image links were in list markup you will be pleased to note that the bullets are aligned to the vertical centers of your images now too) The only caveat here is that the underline is only hidden behind the image because now it is at vertical center of and behind the image, if you are using any kind of transparency you might still see the underline. Continue reading →

Posted in Tutorials | Tagged , , , , , , , | 3 Comments