Using RGBA to Prevent the CSS Opacity Inheritance from Parent to Child Elements

This article is a follow up of another article of mine dealing with the same problem which was written two years earlier. Now, in the light of the increased support for CSS3 the solution I will offer is already fully supported by all major browsers. The new solution deals with RGBA CSS3 backgrounds for Mozilla FireFox, Google Chrome, [...]

Read Full Post »

CSS Hack for Safari and Google Chrome: Redux

As body:nth-of-type(1) and body:first-of-type are supported by FireFox 3.5x, the hack that I wrote about in this post cannot be used anymore. You may try the following one, which targets only Google Chrome and Safari: @media screen and (-webkit-min-device-pixel-ratio:0) {  div  {   color: red; /* The text will appear red only in Safari and Google [...]

Read Full Post »

10 Dirty CSS Tips and Tricks

Here is a collection of 10 CSS tips, tricks in blogposts I have written during the last year that you may find useful: 01. Better Image Scaling and Resampling in Internet Explorer 02. Setting Opacity and Other Filters in Internet Explorer 8 03. The 32 External CSS Files Limitation of Internet Explorer and More 04. Unobtrusive CSS Loading Indicator for Images 05. CSS: Filtering [...]

Read Full Post »

CSS: Filtering and Distinguishing Google Chrome and Safari

 As body:nth-of-type(1) and body:first-of-type are supported by FireFox 3.5x, the hack that I wrote about in this post cannot be used anymore. You may try the following one, which targets only Google Chrome and Safari. Personally, I avoid using CSS hacks, and when writing client code I always assume that anything can be done the “legal” [...]

Read Full Post »

Controlling the CSS Opacity Rate of Child Elements in Transparent Parents in Internet Explorer

This article is rather old. Please, read the updated version for a cross-browser solution. The alpha transparency filter applied on parent elements is inherited by their children, which is not always the desired behavior and can create unwanted design effects. However, due to a browser bug in Internet Explorer, there is a cool hack that allows not only to [...]

Read Full Post »