Home
CSS 3.0 has a great new features called RGBa.
You can now make a transparent background, transparent text, or just about anything else transparent with RGBa.
background-color:rgba(255,255,255,0.5)
}
The above tag will color your area with a white background that is 50% transparent. The only issue with RGBa at this time is that IE doesn’t support it. The only CSS 3.0 compliant browsers seem to be Firefox and Safari. However, I have tested this in Opera and it does work.
You can also change the color of text element with:
color:rgba(255,255,255,0.5)
}
The old style of transparency is still supported by all browsers
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
The major difference between these two styles is that the new method RGBa will only effect the targeted element. Where as with opacity all subclasses are also affected.
Helpful Articles
Trying to Lose Weight, Go Out With Friend And Family And Not Offend
This may sound amazing, but one of the hardest things to do when you are losing weight is to get the help of friends and family...
Top 10 Weight Loss Myths
Have you sometimes felt confused about weight loss and nutrition guides that should help you take the right decisions about your health, yet for some reason they don’t? Here are some of the most frequent weight loss theories, and their rebuttals...
How Do I Get Out Of A Weight Loss Plateau, Problem And Solution No. 2
When you ask the question “how do I get our of a weight loss plateau?” there can be more than one answer, depending on what the reason for the problem is...
Tags: background, background-color, background-image, background-image property, CSS, How To, id, RGBa, selectors, transparent, Tutorials
[...] RGBa will only effect the targeted ellement. Where as with opacity all subclasses are also affected.See the original article and more great CSS Tutorials at CssHowTo.us Tags: background-color, background-image, css, css-background, RGBa, transparencies, [...]