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, … Continue reading “Using RGBA to Prevent the CSS Opacity Inheritance from Parent to Child Elements”
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 … Continue reading “10 Dirty CSS Tips and Tricks”
It was expected that Internet Explorer 8 will support the standard “opacity” property of CSS, but it seems that its developers have decided not drop the support for filters yet, which is not that bad, though, as it still lacks support for <canvas> scripting. However, there is a great difference between the filter support in IE8 and … Continue reading “Setting Opacity and Other Filters in Internet Explorer 8”
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 … Continue reading “Controlling the CSS Opacity Rate of Child Elements in Transparent Parents in Internet Explorer”