On May 24, 2010, at 2:39 PM, Eric A. Meyer wrote:

> At 3:34 PM -0400 5/24/10, Matthew wrote:
> 
>> I am wrestling with setting the opacity on background colors on a 
>> div to expose a pattern behind it. However I can't figure out how to 
>> keep the elements contained with in it at 100% opacity. Please see 
>> this page to see what I mean:
>> 
>> http://em-w.com/portPages/port_homeandhearth1.html
>> 
>> I would like the main image and the text to remain a solid color, 
>> while the white background has a 50% opacity level.
> 
>   div {background-color: rgba(255,255,255,0.5);
> 
> That won't work in IE/Win, I believe, but it will in pretty much 
> anything else of recent vintage.  Alternatively, you could create a 
> smallish PNG which is all white and has 50% opacity and drop it into 
> the background of the div.  That will work in all current browsers 
> including IE/Win.

Also, you can use IE filter for gradients, which allow for opacity:

div { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFF00, 
endColorstr=#66FFFF00 ); }

#66FF00 would be the hexadecimal color. Then the last hexadecimal value would 
be the opacity of the color.

Hope this helps!

Best,
Christopher Schmitt
http://www.christopherschmitt.com/
Web Design Specialist
--
Attend the online CSS3 + July 4 + HTML5 Presentation
http://css3flag.eventbrite.com/
Free on July 1, 2010
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to