W3C home > Mailing lists > Public > www-style@w3.org > February 2012

Re: [css3-background]

From: Alan Gresley <alan@css-class.com>
Date: Tue, 28 Feb 2012 19:58:11 +1100
Message-ID: <4F4C9723.6010206@css-class.com>
To: Brian Manthos <brianman@microsoft.com>
CC: Lev Solntsev <greli@mail.ru>, www-style <www-style@w3.org>, Lea Verou <leaverou@gmail.com>
CC lea since she requested it last year and Brian has linked to that 
message in this one.

On 28/02/2012 7:31 AM, Brian Manthos wrote:
> Lev Solntsev:
>> Hello!
>> Now CSS Backgrounds and Borders Module Level 3 working draft says
>> that you can specify color only on final background layer. It could
>> be reasonable because one can see nothing under the solid colored
>> background. But there is one option that left forgotten:
>> semi-transparent colors, which can be defined with hsla or rgba.
>> Imagine, I may want to place a picture on background, then blend it
>> by semitransparent black or white, and place some picture on top. I
>> can't do it now with current background syntax and I believe that
>> the specification must allow this scenario.
>> Of course, I can fake semitransparent color by a special cooked
>> picture but is it what CSS is called to avoid, isn't it?
> Hi! :)
> The "now" part confuses me a little.  I think that's been there for
> 2-3 years at this point.
> Some related prior discussion:
> http://lists.w3.org/Archives/Public/www-style/2011Sep/0381.html

Instead of using 'background-color' or some cooked image, why not used 
color block gradients [1] as the final background layer.

A test with a semi-transparent background layer over a 'background-image'.

(the last example #test2 uses background-clip)


It works in IE10 and all other current release browsers.

1. http://css-class.com/test/css/3/gradients/gradient-art.htm

Alan Gresley
Received on Tuesday, 28 February 2012 08:58:50 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:12 UTC