On 5/24/10 5:44 PM, Philippe Wittenbergh wrote:
>
> On May 25, 2010, at 5:26 AM, Christopher Schmitt wrote:
>
>>> 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.
>
> With the caveat(s) that:
> 1. the element must have 'hasLayout' [1] set to true for those filters to
> work correctly most of the time
> 2. those filters affect the display of text / font smoothing, and not exactly
> as an improvement, esp on Win XP.
> 3. those filters may affect how other -descendent- element act, see [2] for
> example
>
> (I prefer the semi transparent png file my self, and opaque backgrounds for
> old browsers such as IE 6).
>
> [1] http://www.satzansatz.de/cssd/onhavinglayout.html
> [2] http://www.satzansatz.de/cssd/tmp/alphatransparency.html
>
> Philippe
Here's a tool I'm developing that automates the process for all the
methods discussed. It's a first draft, but it may be of some help:
<http://webwiz.robinshosting.com/temp/easy-see-thru-backgrounds/>
Cordially,
David
--
______________________________________________________________________
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/
